Hi Dova,
Some quick answers:
> 1. In IE6 my link colors are defaulting to purple, not my CSS
> settings
try to declare global link declarations first:
a:link {color: #add color; text-decoration: none;}
a:visited {color: #add color; text-decoration: none;}
a:hover {color: #add color; text-decoration: none;}
a:active {color: #add color; text-decoration: none;}
> 2. My footer has a white gap below it in Mozilla and NE7; seems OK
> in IE6
You can leave out the <div id="clearfooter"><img src="images/clear.gif"></div>
Just give the <div id="footer"> itself a declaration of clear:both in
the stylesheet. No need for an extra element in the html. The gap
could be caused by the margin of the <p>. Try removing all margin and
padding first, and start adding padding to the footer div as needed.
> 3. My rtcol is moving down too far. I want the top part of the
> leftcol to be at the same height
You float the leftcol to the left, but have not given it a specific
width. Therefore it occupies all the width it can get. Try giving it a
width of , say, 500px. And I added a display:inline, otherwise IE
will double the margin-left (see
http://www.positioniseverything.net/explorer/doubled-margin.html for a
description of that bug).
#leftcol {
float:left;
width:500px;
display:inline;
margin-left:30px;
margin-top:0px;
}
> 4. I want the image for the main news story to align to the right
> of the main news text, both within the leftcol (better way to set up?
> More or less ok in NE7, but not in IE6 or Firefox)
Place the image inside the div leftcol, and float it to the right (by
giving it a class rightfloat for example)
<div id="leftcol">
<img src="images/twomen.jpg" width="150" height="110" class="rightfloat">
<div id="topstory">
<h1>Top Story Headline Top Story Headline Top </h1>
<p>Top news story Top news story Top news story Top news story story <br>
Top news story Top news story Top news story Top news story story </p>
</div>
In the css:
.rightfloat { float:right; margin: 0 0 10px 10px; }
> 5. The dotted line to the left of the rtcol seems to be the length
> of the content in the column, not the length of the page
If you want to have a dotted line span the whole height of a column,
you could use a background image that's repeated downwards, the
"faux-column"technique. There's lots of info about that technique on
this list, and an article at alistapart by Dan Cederholm
(http://www.alistapart.com/articles/fauxcolumns/)
Good luck,
Matthijs Abeelen
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
