I agree IE has a different interpretation of margin than other browsers but
in Seona's case the "width: 100%;" is more to blame. The following
modification also solves the nav bar position problem:
/**** Order Form ****/
.order {
margin: 5px 40px;
/* width: 100%; */
}
Why this affects the layout in a sibling block container is beyond me. Must
be another IE bug.
Also, Seona, you would do well to validate your pages at
http://validator.w3.org/
Regards,
Kepler Gelotte
-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED]
On Behalf Of Gaspar
Sent: Thursday, August 17, 2006 5:09 AM
To: [email protected]
Subject: Re: [WSG] Form playing havoc with nav (maybe)
Hello,
your table is the MAJOR PROBLEM, like always, try to del your .order :
margin and you will see. The table is forcing the div#container in
(IE) and sow the nav had other position.
But if you try you have many ways of pass over this like take.
1 - delete margin of .order and give a width: 90%
2 - #content { text-align: center } or padding-left: 40px
I try always to not use margin, cause left and right margin have
different behaviors in browsers.
On 17/08/06, Seona Bellamy <[EMAIL PROTECTED]> wrote:
> Hi guys,
>
> Just had a report from a client that the menu on the order form page is
all
> out of whack. He's using IE6 on WinXP, and so am I, and yet I can't see
any
> problem with the form.
>
> This is the page in question:
> http://www.gcapparel.com.au/order.html
>
> This is a screenshot of what he is seeing:
> http://www.gcapparel.com.au/screenshot1.png
>
> Can someone (preferably a few someones, actually) please have a look and
see
> if the menu is out of alignment for them too? If it is, would someone be
> kind enough to suggest a way to fix it? It's really difficult to
> troubleshoot a problem you can't reproduce. :)
>
> Cheers,
>
> Seona.
>
> ******************************************************
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> ******************************************************
--
Make it simple for the people
------------------------------------------
http://www.artideias.com
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
