Sent by dylan foley on 15 May 2002 00:12
On May 14, Virginia spake thus:
> I am trying to get a column in a page to display nicely. In NN6.22 and
> Opera 6 the right side column displays how I want it. In IE 5.5
> however, the items in the right columns don't line up or in the case
> of the search box at the top of the right side, doesn't show wide
> enough. The very basic layout is one table but all of the styling is
> done via CSS. I have tweaked and tweaked and can't get IE to play
> nice. Is there something I can add/correct to get IE to display the
> right side lined up?
>
> http://www.esportfans.com/test/basictable.html
>
> CSS http:www.esportfans.com/test/eskate1.css
( try http://www.esportfans.com/test/eskate1.css )
Let's see we have here an amalgam of upper and lower case elements, HTML
presentational attributes, a smattering of CSS, a liberal sprinkling of BR tags
to create white space, and uncontained blocks of text. I'm always surprised
at how nicely this sort of thing works.
The search box gets squashed in IE5.5 because you have:
div class="search contentmain"
and in your CSS file you have both a "search" and a "contentmain" class. IE
is picking up 10px of padding from .contentmain, causing the problem. Try
using just
div class="search"
The other problem in this column is the "Special Features" box which is
shifted to the right, not to surprising given the 20px margin-left found in the
style sheet:
.feature1 {
other: stuff;
margin-left: 20px;
}
I'd suggest getting rid of that margin-left and see if you get the results you are
after.
"... but all of the styling is done via CSS" - would that include:
<font FACE="Arial, Helvetica, Sans-serif" SIZE=3><b>Out!</b></font>
and
<div align="CENTER">
???
--
dylan
