Re: [WSG] Div misbehaving in Safari

[tee]

 
On Jan 31, 2010, at 10:03 PM, Jeramy Parker wrote:

> Hi,
> I have inherited a website (http://www.koomaldreaming.com.au)

change your menu wrapper to this and it will bring your content back

You have this:

#menuCont{
        float:left;
        width:1000px;
        height:31px;
}

change it to this:
#menuCont{
        overflow: hidden;
        width:1000px;
        height:31px;}

 
Reaon:
When a  floated div block (#menuCount) meets a a div block that has relative 
postion (#contBox) with absolute positon after it, throw Safari (now Google 
Chrome too) out of whack. 

I am not sure if it's a webkit bug or that other browsers interpret it wrong 
(menaing ignore the spec) as this is a very common thing i see in webkit 
browser from previous version too.

p/s. You should get rid of absolute position in #textCount (you are mixing 
float and absolute position) and get rid of the top/left, use padding instead. 


Hope this helps!


tee



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************