Sent by Zoe M. Gillenwater on 13 September 2004 18:06
Al Sparber wrote:
> From: "Don A. Elbourne Jr." [EMAIL-REMOVED]>
> To: [EMAIL-REMOVED]>
> Sent: Tuesday, September 07, 2004 10:28 PM
> Subject: [css-d] 800X600 in IE5
>
>
>>
>> I just redesigned a site for a church. I took their old content,
>> cleaned it up to XHTML and did the layout in CSS.
>>
>> http://newlifechurchofbr.org/
>>
>> Someone just said that in their IE 5 with a screen resolution set to
>> 800X600, the design does not fit on the screen. Could someone confirm
>> this? I have a bodywrap div set to width:726px. Shouldn't that be
>> fine? Or should I make it smaller?
>
>
> Your site's width is fine. You have a more serious problem that is
> likely what's causing the complaint. When a horizontal scrollbar is
> spawned, your page is lost offscreen left. It's gone. Following Zoe's
> advice to place min-width on yuor body will fix the issue for all
> modern browsers except the one that is likely being used by the
> overwhelming majority of your visitors: IE5.x and IE6 Windows. You
> would do well to change your layout to use floated elements inside a
> statically positioned container. You'll still need the min-width on
> your body, but IE will then work fine.
Don,
Al is right. When I sent the note about adding the min-width to the
body to fix the loss of content to the left of the screen, I assumed
this was only happening in Moz -- the only browsers I've seen it in. I
didn't realize it was happening in IE too. To fix IE, change the method
you are using for centering to the auto margins method:
http://css-discuss.incutio.com/?page=CenteringBlockElement
(I moved this method to the top of page, since it seems to be the most
reliable one)
Zoe
--
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
