Left padding and IE
 

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!

geniolatenio

Bye

geniolatenio

Re: Left padding and IE
 

So.. no one can solve this problem?

I thought you all were kind of css gurus here..

Bye

geniolatenio

Re: Left padding and IE
 

In article <kk3m0291p18v9iufb4hsh4jielhm3htija@4ax.com>,
geniolatenio <thisisafake@hotmail.com> wrote:

> So.. no one can solve this problem?
>
> I thought you all were kind of css gurus here..
>
> Bye
>
> geniolatenio

what problem?

--
dorayme

Re: Left padding and IE
 

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

Re: Left padding and IE
 

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

Re: Left padding and IE
 

So this left padding problem with IE, in the end, IS too complicated
even for you guys.. damn.. I'm fuxxed!

Bye

geniolatenio

Re: Left padding and IE
 

geniolatenio wrote:

> So this left padding problem with IE, in the end, IS too complicated
> even for you guys.. damn.. I'm fuxxed!

I don't see a problem. No, it is not too complicated.

http://k75s.home.att.net/show/geniolatenio.jpg

...though I would not do the layout as you are. I would use em instead of
px for just about every measurement in your style sheet. And I would
drop Verdana; google for the reasons. I would also set the font size to
100%.

--
-bts
-Warning: I brake for lawn deer

Re: Left padding and IE
 

On Tue, 07 Mar 2006 14:30:24 GMT, "Beauregard T. Shagnasty"
<a.nony.mous@example.invalid> wrote:

>geniolatenio wrote:
>
>> So this left padding problem with IE, in the end, IS too complicated
>> even for you guys.. damn.. I'm fuxxed!
>
>I don't see a problem. No, it is not too complicated.

that's the "fixed" version, the one with the workaround.. here, i've
uploaded the "not working" version here..
http://incarta.altervista.org/indexok.html

but at this point I suppose it really is an IE problem..no one can
solve it

>..though I would not do the layout as you are. I would use em instead of
>px for just about every measurement in your style sheet. And I would
>drop Verdana; google for the reasons. I would also set the font size to
>100%.

mmm.. may I ask you why not the px? The menu has to be that size, I'm
using pixels only for the menu because if I let the user change the
size it'll screw the layout..

Bye

geniolatenio

Re: Left padding and IE
 

geniolatenio wrote:

> On Tue, 07 Mar 2006 14:30:24 GMT, "Beauregard T. Shagnasty"
> <a.nony.mous@example.invalid> wrote:
>
>>geniolatenio wrote:
>>
>>> So this left padding problem with IE, in the end, IS too complicated
>>> even for you guys.. damn.. I'm fuxxed!
>>
>> I don't see a problem. No, it is not too complicated.
>
> that's the "fixed" version, the one with the workaround.. here, i've
> uploaded the "not working" version here..
> http://incarta.altervista.org/indexok.html

This link looks the same to me, in Firefox and IE6.

> but at this point I suppose it really is an IE problem..no one can
> solve it

That old browser has lots of problems, eh?

>> ..though I would not do the layout as you are. I would use em instead
>> of px for just about every measurement in your style sheet. And I
>> would drop Verdana; google for the reasons. I would also set the
>> font size to 100%.
>
> mmm.. may I ask you why not the px?

IE users with vision problems will not be able to resize it, so they can
read it, when px (or pt) is used. If you use percentages (or em), they
will be able to resize ... (and even with px, users of all modern
browsers can resize - Firefox: press Control-Plus a few times)

> The menu has to be that size, I'm using pixels only for the menu
> because if I let the user change the size it'll screw the layout..

...then the rest of the design is wrong, too. Google for liquid or fluid
design. Zillions of pages, including this very good one:

http://www.xs4all.nl/~sbpoley/webmat...lexdesign.html

--
-bts
-Warning: I brake for lawn deer

Re: Left padding and IE
 

It appears to be the left and right padding and border you have given
to the #menu a, #menu a:hover, #menu a.acceso that is causing the
problem