Re: FN-FORUM: Css layout oddity

date posted 18th March 2008 12:50

I've tried on 1280 x 1024 and 1280 x 800. Both misbehave :(

I'll try the change of min/max to see if it breaks the good one tonight.
I'm on a client site at the mo and it wouldn't be fair to do it in
their time :)


Jon Warner wrote:
> Sorry, just reread your post AFTER a coffee.
>
> What screen resolution are you test these at?
>
> What happens if you change the good designs min/max to the bad one?
>
> Regards
>
> Jon Warner
> The PixelForge
> t: 07890 299 836
> e: [EMAIL REMOVED]
> w: www.pixelforge.net
> web design // graphic design
>
>
>
>
>
> -----Original Message-----
> From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of Dominic
> Raywood
> Sent: 18 March 2008 10:25
> To: FN-FORUM / [EMAIL REMOVED]
> Subject: FN-FORUM: Css layout oddity
>
>
> I have a couple of sites on which I've used the same CSS layout idea to
> create a container div and give it a max-width to stop the pages growing
> too wide.
>
> I got one to do what I want and it works not only in FF, but IE7 too!!!
> So, I copied the same CSS code to another. In FF it works fine, but
> in IE7, the max-width is ignored?
>
> I've tried gradually removing other items (divs etc.) to see if they are
> causing the problem, but can't see what if screwing it up.
>
> The two sites are: http://bagenhamfarm.co.uk (works okay in both) and
> http://advocacyinsomerset.org.uk (ignores max-width in IE7).
>
> Body and container code is:-
>
> Bagenham Farm:
> body { position: relative;
> min-width: 870px;
> color:#444444;
> background-position: top;
> background-color: #cccc66;
> background-image: url("/images/bg2.jpg");
> background-repeat: repeat-x;
> font-family: arial, helvetica, Verdana, Geneva, Sans-Serif; }
>
> #container {
> min-width: 870px;
> max-width:1000px;
> margin: 10px auto;
> border:1px solid #444444;
> background: #ffffcc;
> text-align:left;
> }
>
> Advocacy in Somerset:
> body { position: relative;
> min-width: 600px;
> background: #ffffff;
> background-position: top;
> background-color: #e8ecfc;
> background-image: url("/images/bg2.jpg");
> background-repeat: repeat-x;
> color: #333333;
> font-family: arial, helvetica, Verdana, Geneva, Sans-Serif;
> }
>
> #container {
> min-width: 600px;
> max-width: 1100px;
> margin: 10px auto;
> border:1px solid #a0a0a0;
> background: #f2f5fd;
> text-align:left;
> }
>
> Any idea what is breaking the max-width on one site, but not the other?
>
> Thanks.
>

--
Dominic Raywood
Rubicon Computer Services Limited
W: http://rubiconcsl.com
E: [EMAIL REMOVED]
T: 08456 521 561 (+44 1823 698420)
F: 08456 521 561
M: 07050 204998 (+44 7811 252573)
Skype: RubiconCSL