...

View Full Version : problem on firefox, but not safari or IE



threedash
11-09-2009, 10:57 PM
HI there,

I am not sure if this is in my code, but for the index, the image is off on firefox, but not on safari.

(really confused)

threedash.com


_threedash

thanks in for reading

Excavator
11-10-2009, 12:43 AM
Hello threedash,
Try making you containing div position:relative; so your ap elements will take their position from it's upper left corner.
You'll need to adjust the top/left measurements (I only adjusted one) to make this work but try it like this -

/* WELCOME PAGES
---------------------------------------------------------------------------------*/


#welcome_main {
float: right;
width: 748px;
height: 623px;
background-image: url(images/welcome.jpg);
magrin: 0;
padding: 0;
position: relative;
}


#welcome-kbt {
position:absolute;
left:454px;
top:35px;
width:163px;
height:105px;
font-family: Helvetica;
font-size: 12px;

Have a look at an article about the pifalls of absolute positioning here (http://www.tyssendesign.com.au/articles/css/absolute-positioning-pitfalls/).

threedash
11-19-2009, 06:05 PM
what does adding position do for index page?

threedash.com/index.html is off on firebox, but when you hit "about me" the page looks correct.

why is it off on one and correct on the other?

drhowarddrfine
11-19-2009, 06:27 PM
Absolutely positioned elements are positioned with reference to the nearest positioned element.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum