Sent by Stephanie Bridges on 4 January 2005 22:10
> From: [EMAIL-REMOVED] [EMAIL-REMOVED]-
> discuss.org] On Behalf Of Stephanie Bridges
>
> Hello,
>
> Page:
> http://www.econ.iastate.edu/programs/undergrad/CurrentStudents/HelpRoom.as
> p
>
> Css: http://www.econ.iastate.edu/econMain.css
>
> This page contains a generated schedule which is laid out as a table
> contained in a div. This div is right after the div for the tabs (which I
> created using the sliding doors example on alistapart.)
>
> The bottom line is a background image for the #tabs div, the div
> containing
> the table has a border on all sides except the top.
>
> My problem is that there is a rather large gap between the bottom of the
> tabs div and the top of the table div in IE and Opera. It looks OK in
> firefox and mozilla.
>
In case anyone is interested, I finally found a way to make the problem go
away that didn't involve browser hacks. I added
* { margin: 0; padding: 0; }
to the beginning of my CSS and the problem went away.
I had created a couple of test pages to try to track down the problem --
first one I created I put all the styles inline. Adding the above as the
first line snugged the div following the tabs up to the bottom of the tab
div until I styled a <p> with a bottom margin. If I set a bottom *padding*
however on the <p>'s, everything looks fine in IE and Opera. Gecko browsers
display it how I want no matter whether I zero out the margins on everything
or not.
For a test page (CSS is in header) see
http://www.econ.iastate.edu/testing/tabtest1.htm.
I commented the * line out and instead added the zero margin and padding to
the html and body elements like I had previously.
Is this something that is known about IE and I just didn't know how to go
about finding it or is it something new?
~~~~~~~~~~~~~~~~~~~~~~~
Stephanie Bridges
Economics Department -- Iowa State University 80B Heady Hall, Ames, IA
50011
ph: 515.294.8732 ~~ fax: 515.294.0221
[EMAIL-REMOVED]
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/