469,944 Members | 2,326 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,944 developers. It's quick & easy.

absolute positioning inf firefox

My Positioning in IE 6 is exactly the way I want it, but when I view the page in my firefox browser things are out of place. When I try and change the css my IE page moves, but the firefox doesn't. Any help would be greatly appreciated. I have set the margin and padding to 0. I am new to html and css so I don't know what else to try. Thanks

I have a doc type...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

here is my css code...
*{
margin:0;
padding:0;
}
body {
color: #FFFFFF;
background-color: #000000;
margin: 0px;
padding: 0px;
float: none;
width: auto;
position: absolute;
}

.header {
color: #FFFFFF;
position: absolute;
left: 160px;
top: 23px;
text-decoration: none;
height: 85px;
width: 403px;
background-image: url(Images/FakeAILogo.jpg);
background-repeat: no-repeat;
}
.subheader {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
position: absolute;
left: 397px;
top: 110px;
height: 40px;
color: #FFFFFF;
text-decoration: none;
width: 268px;
}

#container{
color:#FFFFFF;
font-size:18px;
position: absolute;
left: 93px;
top: 165px;
width: 683px;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
height: 174px;
}

#rileyHouse{
background-image:url(Images/riley.jpg);
background-repeat: no-repeat;
height: 145px;
width: 160px;
clear: left;
float: left;
}

#skyline{
background-image:url(Images/skyline7.jpg);
background-repeat: no-repeat;
height: 147px;
width: 158px;
float: left;
}

#dropMenu{
font-weight: normal;
color:#FFFFFF;
position: absolute;
left: 468px;
top: 365px;
background:#000000;
height: 28px;
width: 228px;
}
Jan 8 '07 #1
3 2901
drhowarddrfine
7,435 Expert 4TB
Showing the css is only showing half the picture. We need the whole thing. In any case, if it works in IE but not Firefox then your code is wrong. IE is old, buggy and non-standard. Never initially test in IE. Always, always use Firefox or Opera or anything but IE.
Jan 8 '07 #2
Showing the css is only showing half the picture. We need the whole thing. In any case, if it works in IE but not Firefox then your code is wrong. IE is old, buggy and non-standard. Never initially test in IE. Always, always use Firefox or Opera or anything but IE.
I hit refresh and everything changed to the way I wanted it in Firefox. Is there any explanation for this?
Jan 8 '07 #3
drhowarddrfine
7,435 Expert 4TB
That would only happen because you are refreshing the cache. Otherwise you are viewing the older page from cache.
Jan 8 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Lars A. Gundersen | last post: by
6 posts views Thread by Mark | last post: by
reply views Thread by slaterino | last post: by
14 posts views Thread by Fistro | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.