[css-d] Layout problem in Mac/Safari

[Jim Davis]

My site will render properly in Mac/Firefox, however it breaks in
Mac/Safari.

Mac/Safari screenshot:
http://browsershots.org/png/original/d4/d442e5566aaaf7f675b1ab995b024ce1.png

Mac/Firefox screenshot:
http://browsershots.org/png/original/78/781379f3cfc6de1761ac4dcb917c4817.png

In Safari the content div, which contains float: left and float: right divs,
is not obeying the margin: 0 auto; rule to position the div in the center of
the screen. In addition, the nav menu that should be below the header is
being place below the content div, completely out of the flow. I have placed
clearing divs all over as I understand floats can induce problems in Safari.

I have had problems in the past with Safari and nested divs, so I have
intentionally removed the wrapper div from this design and set all the
parent divs to margin: 0 auto;.

Live web site can be viewed here: http://www.dsignerclumber.com

Any ideas?

Jim
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Layout problem in Mac/Safari

[David Laakso]

Jim Davis wrote:
 My site will render properly in Mac/Firefox, however it breaks in
 Mac/Safari.

 Live web site can be viewed here: http://www.dsignerclumber.com



 Jim

   



Add a wrapper (#stuff)-- first id to open and last id to close.
#stuff {
width: 930px;
margin: 0 auto;
}
And amend this selector:
#content-wrapper { border: 1px solid red;
position: relative;
width: 930px;
/*margin: 0 auto;*/  :: delete ::
background: url(http://www.dsignerclumber.com/images/sandBody.gif) repeat-y;
display: table-caption;
}


Tested local mac/opera, mac/ff, and safari/3.0.3 (522.12.1)

Best,
~dL

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/