Sent by Gunlaug_Sørtun on 8 September 2004 02:02
> http://doolittle.ibls.gla.ac.uk/Bioinformatics/research/
> and the problems are:
>
> 1. getting the two graphics along the top to sit flush next to each
> other, with the longer graphic underneath.
CSS:
---
img.flow {border: none; margin: 0px; padding: 0px;float:left; }
@media all {
*div img.flow {float: none; }
}
---
that'll fix it in IE5-win.
> 2. Getting the two graphics at the bottom of the page to sit together
> as well, and the stripes beneath to have the correct width.
HTML:
---
<!--Bottom Graphics-->
<div id="footer"><a href="http://www.gla.ac.uk/ibls/"><img...
---
CSS:
---
div#footer {clear: both; width: 100%; border-bottom: solid 5px #6ff;}
#wrapper {border-bottom: solid 4px #777;
/*the rest of your style*/ }
---
that should be pretty close...
If you also want it nicely distributed down the page - regardless of
font-size, you may use this:
CSS:
---
h3 {clear: right;
/*the rest of your style*/ }
---
Also, "display: none" on h1 isn't working well in all browsers. Instead
you may use:
CSS:
---
h1 {position: absolute; top: -1000px; left: -1000px;}
---
> PS It doesn't *have* to work on NN4, but I'd be interested to know
> if one can get it to work.
Yes - almost - bit it's not worth the time.
My advice is that you spend that time on getting your CSS around new
browsers instead. It's much more fun...
Georg
______________________________________________________________________
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/
