|
|
Posted by Adrienne Boswell on 03/06/06 02:07
Gazing into my crystal ball I observed geniolatenio
<thisisafake@hotmail.com> writing in
news:fkvg02dcnsutemrgdv1kmeu9geoglnt91n@4ax.com:
> Hello guys, I have a rather strange problem with IE (googled for it to
> no avail)
>
> I have these two styles in the css file, right?
>
> #menu { left:13px; padding:13px 0 14px 247px; white-space:nowrap }
>
> #menu a { padding:13px 11px 13px 11px }
>
> (I have removed some items that are not relevant to the problem)
>
> The menu DIV contains some anchors, it's something like
>
><div id="menu">
> <a href="">1</a>
> <a href="">2</a>
></div>
>
> Now, everything's fine in firefox and opera, if I resize the window
> the menu will stay where it has to stay.
> When I test it in IE, though, the menu "flips down" for some unknown
> reason. Here's the snapshot of both browsers, where you can see that
> IE pushes down the menu when resizing the window.
>
> http://incarta.altervista.org/problem1.gif
>
> So I put the "height:13px" in the #menu style. The problem now
> changes:
>
> this is when window is fully open:
> http://incarta.altervista.org/ie_normal.gif
>
> this is when window has been resized:
> http://incarta.altervista.org/ie_resize.gif
>
> That's a 16px difference!
>
> My solution was to put an invisible element <span
> id="invisible">X</span> before the first <a> tag and it worked. But I
> think this is not the correct solution.
>
> What's the right way to fix this problem? Or is it a problem that IE
> has so any workaround will do?
>
> Thanx everybody!
>
It would help if you would also provide a URL. There may be other problems
not seen here that could be in the source.
--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share
Navigation:
[Reply to this message]
|