Re: css to replace table layout

by Andrew McFarland <aamcf(at)aamcf.co.uk>

 Date:  Wed, 24 Apr 2002 08:35:55 +0100
 To:  <hwg-style(at)hwg.org>
 References: 
  todo: View Thread, Original
At 21:20 23/04/02 -0500, bkrWeb Services wrote:
<snip/>
>  The problem with the css version is that in NN4.7, I can't get the three 
> smaller images to line up horizontally.
<snip/>

We can solve this by using one NS4 CSS bug to counteract another :-)

If you put

@import url('additional.css');

at the top of your stylesheet a CSS compliant browser will fetch the 
content of additional.css and stick it at the top of the stylesheet. 
Netscape 4, however, doesn't do this. It just ignores the whole @import rule.

There is obviously something in dickey.css that Netscape 4 doesn't like; 
I'd guess it is

.space  {
         border-style: solid;
         margin-top: 30px;
         margin-right: 30px;
         margin-bottom: 30px;
         margin-left: 30px;
         vertical-align: middle;
}

So, take that out of dickey.css and put it into additional.css, remembering 
to add the @import to dickey.css. That should mean that Netscape doesn't 
see this rule, and so it shouldn't choke, but other browsers do see it, and 
they will display the page as before.

There are possibly a few other issues with the HTML which might be making 
your life more difficult. I'll have a more detailed look when I get home.

Andrew

--
http://aamcf.co.uk/

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA