By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
428,586 Members | 623 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 428,586 IT Pros & Developers. It's quick & easy.

absolute positioning inf firefox

P: 3
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
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
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

P: 3
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
Expert 5K+
P: 7,435
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.