You are here: Re: Left padding and IE « HTML « IT news, forums, messages
Re: Left padding and IE

Posted by geniolatenio on 03/06/06 10:31

On Mon, 06 Mar 2006 00:07:49 GMT, Adrienne Boswell
<arbpen2003@sbcglobal.net> wrote:

>It would help if you would also provide a URL. There may be other problems
>not seen here that could be in the source.

Ok, so here's the url http://incarta.altervista.org/indextemp.html (i
haven't uploaded the img folder so you won't see the images, don't
think that's a problem). The html up there is the one with my
temporary fix (read below). To reproduce the error, just remove the
<span id="invisible">X</span> in the html body.

And I re-post the problem for those who didn't read it..

Thanks a lot!

-----------------------------------

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?

Bye

geniolatenio

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация