text overlap in Netscape 7

[Notionz]

I recently downloaded netscape 7 and found that my pages which contain long lines of text overlap. If I fix the overlap for netscape, then there are large gaps in IE. I found a code that overrides the visitors browser preferences so it will look the way I intended it, but that doesnt fix the netscape problem. Any suggestions would be appreciated!

I will also download another browser to test my pages. Which would be the better bet, mozilla or opera?

Thanks!
Leslie

[isitreal]

Netscape 7 is roughly Mozilla 1 or 1.1, Mozilla is up to version 1.6 now, firebird 0.7 is the stripped down version of the latest Mozilla, Opera is very good too, so why not download them both?

I'm not clear about what you mean when you say 'long lines of text overlap' so I can't offer a suggestion, maybe send a small code sample that demonstrates it?

[Notionz]

Thanks isitreal

By long lines of text, I am referring to lists of midis, wavs and graphics. The lists are very long. I've broken the lists up in places to reduce the overlap, but I cant completely get rid of it without causing huge gaps when viewed in IE. Im guessing that the font is slightly larger in netscape..? I've looked at other midi sites with netscape though, and haven't seen this problem anywhere else. Is there a code or something to make all the text look the same in every browser? It is just text, after all... not images. Am I overlooking something simple?
I downloaded firebird today, but havent installed it yet. Once I do, I will see how they look there and post again. Thanks again for the reply isitreal

Leslie

[Notionz]

I installed mozilla firebird and it is the same as netscape... same overlap too!

[isitreal]

The problem is with how you made the page, if you change all the spans to divs, then to clean it up give the div a class, give that class all the formatting you were applying to the <font> and <span> tags, you'll find it works fine. Span is an inline element, what you want for each midi item is a block level container, that will get rid of that problem.

[Notionz]

ok, that helps! thanks again isitreal!
I should have showed you a different page as an example though. The other pages have been converted to html. They all have the <span> thing going on though. I'll try what you suggested & post again once I have.
Thanks Much!
Leslie

[thehittmann]

If your making a list.... why dont you make a list?

<ul>
<li>item1</li>
<li>item2</li>
</ul>

[Notionz]

My pages were originally built with geocities page builder (yuck). I recently started converting them to html code, learning html, javascript, etc. in the process. I have a few questions since trying isitreal's suggestion.
1. What is the point of the span tag? I completely removed all the span tags from 1 page, and it made no difference in the page at all. Im trying to understand what the purpose of <span> is.
2. by replacing the spans with divs, will I be making each line of text its own "text block"? Im not yet sure how to use "class" either. I need to read up on it.
3. If I use hittman's "list" suggestion, will there be an indent? I used the <ul> tags for a dropdown menu which was indented.
I have plenty more questions, but I'll stop there and do some reading. Thanks for the replies & suggestions!
Leslie

[thehittmann]

yes there will be an indent if you make a list the way I mentioned. From what your saying I think that whats happening is that your line spacing (space between each line) is too small for the size text that you are using. you can add in a blank line by using <br> there is no such thing as a </br> though so only the first one is needed. Each br will add one text height line of blank space.

You can do it this way till you learn css and more about html.

[Notionz]

Thanks Hittmann! Between each line of text is <br><br>. Could the 2 <br>'s together cause overlapping? & does <p> have the same effect as <br><br>? Here is an example from the WAV page:

<a href="http://www.geocities.com/wierdnesss/3stooge.wav"><font face="TimesRoman"><span style="font-size:14">I'm tryin' to think, but nothin' happens</span></font></a><a href="http://www.geocities.com/wierdnesss/allyourfault.wav"><font face="TimesRoman"><span style="font-size:14"><br><br>It's all your fault, you!</span></font></a><a href="http://www.geocities.com/wierdnesss/defile.wav"><font face="TimesRoman">
<span style="font-size:14"><br><br></span></font></a>

(the "defile.wav" is not a link, just part of the space between the lines) Thanks for having a look!
Leslie

[thehittmann]

it looks fine to me in both NS7 and IE6

[Notionz]

really? the whole page? or the code I pasted?