For some reason, when I view in IE5 and 6 the #content section
totally drops down below the #column. It works fine with Safari and Firefox.
If this is a simple CSS problem, please help. If not.....I will try to poke
around more.
MY CSS.
#container {
width: 930px;
padding:30px 0px 0px 0px;
background-image:url('../image/bg-shadow.png');
position: relative;
left: 50%;
margin-left: -500px;
}
#column {
width: 150px;
margin: 10px 15px 15px 30px;
float: left;
}
#content {
width: 680px;
margin: 10px 0px 15px 0px;
float: left;
padding-left: 15px;
padding-right: 30px;
border-left: 1px solid #EEEEEE;
}
I wasn't able to replicate this bug in IE6, can you provide a screenshot at all and show me exactly where you mean?
The live site that you're working on will also be useful, in case there is any differences in markup.
The live site that you're working on will also be useful, in case there is any differences in markup.
Hi Alice,
Try dropping your content width by 10 pixels and the problem should disappear. You can then increase it by 1 until it comes back to find the limit.
Just out of interest, the following are the values I use and changing the content width to 582 will cause the problem you have described for IE6. I have never tested with IE5.
Try dropping your content width by 10 pixels and the problem should disappear. You can then increase it by 1 until it comes back to find the limit.
Just out of interest, the following are the values I use and changing the content width to 582 will cause the problem you have described for IE6. I have never tested with IE5.
Code: Select all
#container {
width: 779px;
position: relative;
left: 50%;
margin-left: -389px;
}
#column {
width: 167px;
margin: 10px 15px 15px 0px;
float: left;
}
#content {
margin: 10px 0px 15px 0px;
float: right;
padding-left: 15px;
border-left: 1px solid #EEEEEE;
width: 581px;
}
hm2K, bruce,
Thank you for your response. I have tried....
01. Drop down CSS "content width" by 10px
02. Drop down CSS "content width" by 50px
03. Resize the image smaller. Image banner under the global navigation (brown tab)
04. Took the image out
Unfortunately, none worked. Could it be IE problem with padding and width?
At least of my site, 40% of the IE visitors are still using 6.0
so I do not want to ignore them.
Thank you for your help.
Any idea appreciated.
Thank you for your response. I have tried....
01. Drop down CSS "content width" by 10px
02. Drop down CSS "content width" by 50px
03. Resize the image smaller. Image banner under the global navigation (brown tab)
04. Took the image out
Unfortunately, none worked. Could it be IE problem with padding and width?
At least of my site, 40% of the IE visitors are still using 6.0
so I do not want to ignore them.
Thank you for your help.
Any idea appreciated.
Last edited by alice on Fri Jul 11, 2008 2:44 pm, edited 1 time in total.
Thank you so much for your time Bruce,
I have changed the CSS "content width to 600" and tested
with the IE6.0 with rendering site that shows screenshot.
http://geotek.de/en/
But the banner still drops down... was I supposed to do more than
just changing the CSS part? I am starting to feel bad bugging you.
Thank you thank you.
I have changed the CSS "content width to 600" and tested
with the IE6.0 with rendering site that shows screenshot.
http://geotek.de/en/
But the banner still drops down... was I supposed to do more than
just changing the CSS part? I am starting to feel bad bugging you.
Thank you thank you.
I'm looking at http://www.babymomento.com/ in IE6 right now, and looking at it in FF2, and I can see very little difference.
The basic layout is identical, neither look a "mess".
I guess you solved the problem, or something else is affecting it.
The basic layout is identical, neither look a "mess".
I guess you solved the problem, or something else is affecting it.
Bruce, hm2k
Thank you so much!!! I think I fixed it.
I have changed the size of container, content, and the image or the banner.
There is still a slight slight difference but the drop down is not happening.
I am not complaining anymore.
Once again I appreciate all for help and your patient.
I should work harder.
Thank you thank you!!!
Thank you so much!!! I think I fixed it.
I have changed the size of container, content, and the image or the banner.
There is still a slight slight difference but the drop down is not happening.
I am not complaining anymore.
Once again I appreciate all for help and your patient.
I should work harder.
Thank you thank you!!!
Who is online
Users browsing this forum: No registered users and 3 guests
