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?
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.