Okay, with everyone's help, I'm almost there!
Two problems with my page in Netscape:
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/imagetesttwo.html">http://www.maps-gps-info.com/imagetesttwo.html</a><!-- m -->
1) The position of the text in the heading box. It is all too low and the author's name is below the box.
2) The width of the heading box and the content blocks are not the same.
IE displays the page correctly.
Style sheet attached.
Thank you!Number one is easy: You've floated #author to the right. You either need to use text-align instead, or have an empty element with clear: both beneath it.
I'll have to look again for 2I'm not a CSS guru, so this might be wrong, but see what happens if you eliminate 'border-width: 4 px;' from the titlebox style. I don't have NS available to me right now, so I can't see what the problem is, but that seems likely to me. If it works, put it back and adjust the width of the <div>.Aronya1, that made no difference - thanks for trying.
DaveSW, I attepted to try what you suggested and I couldn't get it to work.
Maybe I didn't do it right. Could you please explain how to "have an empty element with clear: both beneath it?"
Thank you.Maybe it wasn't all that clear after all
lol
<div id="author"></div>
<div style="clear: both;"> </div>
you might want to edit the font size to prevent the div creating too much space beneath. e.g. font-size: 1px;That did not work - but let me make sure I did what you intended.
This is what I had before:
<div class="titlebox">
<h3>GPS Review - Garmin Geko 201</h3>
<div id="date">April, 2004</div>
<div id="author">by: J. Chartwell</div>
</div>
This is what I changed it to:
<div class="titlebox">
<h3>GPS Review - Garmin Geko 201</h3><div id="date">April, 2004</div><div id="author">by: J. Chartwell</div><div style="clear: both;"> </div>
</div>
Please forgive me for being so dense, but then I tried this:
<div class="titlebox">
<h3>GPS Review - Garmin Geko 201</h3>
<div id="date">April, 2004</div>
<div id="author">by: J. Chartwell</div>
<div id="author"></div>
<div style="clear: both;"> </div>
</div>
Was either of those ways correct?
Neither way had any effect on NN; the first way had no effect on IE and the second way just put some extra space below the bottom of the text on IE.
Two problems with my page in Netscape:
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/imagetesttwo.html">http://www.maps-gps-info.com/imagetesttwo.html</a><!-- m -->
1) The position of the text in the heading box. It is all too low and the author's name is below the box.
2) The width of the heading box and the content blocks are not the same.
IE displays the page correctly.
Style sheet attached.
Thank you!Number one is easy: You've floated #author to the right. You either need to use text-align instead, or have an empty element with clear: both beneath it.
I'll have to look again for 2I'm not a CSS guru, so this might be wrong, but see what happens if you eliminate 'border-width: 4 px;' from the titlebox style. I don't have NS available to me right now, so I can't see what the problem is, but that seems likely to me. If it works, put it back and adjust the width of the <div>.Aronya1, that made no difference - thanks for trying.
DaveSW, I attepted to try what you suggested and I couldn't get it to work.
Maybe I didn't do it right. Could you please explain how to "have an empty element with clear: both beneath it?"
Thank you.Maybe it wasn't all that clear after all
lol<div id="author"></div>
<div style="clear: both;"> </div>
you might want to edit the font size to prevent the div creating too much space beneath. e.g. font-size: 1px;That did not work - but let me make sure I did what you intended.
This is what I had before:
<div class="titlebox">
<h3>GPS Review - Garmin Geko 201</h3>
<div id="date">April, 2004</div>
<div id="author">by: J. Chartwell</div>
</div>
This is what I changed it to:
<div class="titlebox">
<h3>GPS Review - Garmin Geko 201</h3><div id="date">April, 2004</div><div id="author">by: J. Chartwell</div><div style="clear: both;"> </div>
</div>
Please forgive me for being so dense, but then I tried this:
<div class="titlebox">
<h3>GPS Review - Garmin Geko 201</h3>
<div id="date">April, 2004</div>
<div id="author">by: J. Chartwell</div>
<div id="author"></div>
<div style="clear: both;"> </div>
</div>
Was either of those ways correct?
Neither way had any effect on NN; the first way had no effect on IE and the second way just put some extra space below the bottom of the text on IE.