Click to See Complete Forum and Search --> : Chrome and Safari ignoring margins


bejitto101
01-29-2009, 01:58 AM
For some odd reason, Chrome and Safari are ignoring the margin in this CSS code:

#issue{
margin-left: 170px;
padding: 50px 20px;
text-align:center;
}


Any ideas?

Fang
01-29-2009, 02:25 AM
You will have to give a lot more code; the html and css of he element and it's parent. Preferably a link.
In which browsers does it appear to work correctly?

bejitto101
01-29-2009, 03:49 AM
It works right in IE and FF.

The CSS for the parent element:

#content {
background-color:#59554A;
overflow:hidden;
}

Link: http://www.entertainmentengineering.com/v6.issue01/

The div with the issue is #issue. The content should be centered, in the right column, and aslo, there are some issues with overflow:hidden. In chrome, it seems cutting off some content when the window size is changed. I assumed this is because it's not displaying the margin correctly yet still trying to hide the overflow while still taking into account the margin.

Edit: I seemed to fix the issue by removing:


height: 100%;
overflow: hidden;


from the parent.