threedash
11-09-2009, 09: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-09-2009, 11:43 PM
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, 05: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, 05:27 PM
Absolutely positioned elements are positioned with reference to the nearest positioned element.