Safari center with relative positioning.
Posted on 2006-11-15
I have a DIV which contains another DIV and then under that, I have a table with a red border.
<div class="middle" > *this contains both below
<div class="topBanner">Now tell us about your experience</div> *this has a white background to blend with the page
<table class="redTable"><tr><td> *this has a red border to be overlapped with the div above
The objective is to have the class="topBanner" with a white background interupt the big red border on the table under it.
This gives the effect that the line around the content stops at the top where the header is.
My styles are below
padding: 0 10px 0 10px;
It works fine in IE and Firefox but not in Safari.
As soon as I position relative or absolute (to get the div to "overlap" the table), it removes the center align in the "middle" div.