Thread Starter
drzax
(@drzax)
Changed the site back so this is still happening. Anyone seen this before or got any idea why it’s happening? all I can think of is that maybe IE is getting confused with the tag <ul id=””> and the fact that the id is empty.
Anyone else have any idea?
S.
Why not name it, and then try using either a negative margin or another element to hide it ?
Thread Starter
drzax
(@drzax)
Thanks podz. My CSS knowledge is still very much developing. I had only thought to use the visibilty property. Negative margin sounds like it could be the go.
Do you have any idea what would actually cause this? Is IE just interpreting something incorrectly?
S.
I don’t think the problem is exclusive to this naming issue – another member here has had problems before with the menu racing to the floor, though the specifics escape me right now. But yes, it was in what passes for a browser – IE.
As for the cause – no idea, it’s easier to try and work around it to be honest.
You could use a block of colour at the top of the menu, and use the z-index property so that it shows and what part of the menu behind it does not, or try a
margin-top: -20px;
for the #menu – though do check that across the 3 main browsers as it’s not a perfect solution.
There could be a way with the css by using something like:
#menu ul#links {
display:none;
}
but then that would need overriding for the actual li elements…..
Thinking out loud 🙂
Hi there,
I have a somewhat related problem.
For some reason Internet Explorer seems to treat my menu as though it is within the <div id=”content”> tag. My site displays fine in Firefox, though.
The url is http://www.ickyfoot.com
And, since you can’t see them, here are the two related css styles:
#content {
font: Verdana;
border: 1px solid #ffcc33;
padding: 5px;
margin-left: 185px;
width: 510px;
}
#menu {
background: #342c55;
margin-top: 130px;
margin-left: 0px;
letter-spacing: 0.1em;
position: absolute;
padding-top: 8px;
padding-bottom: 8px;
top: 0px;
width: 170px;
}
The menu ends up right on top of the content area, obscuring the far left of my top posts in IE.
I tried setting a negative margin-left in the #menu attribute, which made it look better in IE, but it placed the menu off the screen in Firefox.
Any insight on how to obtain a consistent display is greatly appreciated!
OK, my problem was a lack of the position: absolute; attribute in the #content id. drzax, if you’re still checking this thread, maybe that would be a direct solution to your problem if you made the same omission as me.
Now I just need to figure out once and for all why some divs interact with the edges of the page, and some interact with the other divs on the page. This has been bugging me for months…it makes the gaps between the boxes inconsistent between IE and Firefox. But at least you can see everything now!