Need help with text wrapping problem

[rscptt7706]

Hi all, I downloaded a CSS template from http://www.oswd.org/ - a very nice template.

For some reason though it renders great in IE, but in Firefox, Opera and Netscape, the text sizing selection within the browser will shift the right hand div class down under and to the right of the left hand div class info.

Here is a link to my problem (change your text size selection to a larger size if it appears OK):

http://www.maineaveug.com/

The div percentages are 65% left and 34.6% right. I would think that would force proper text wrapping within the div, but for some strange reason it doesn't in those browsers.

Thanks in advance!!

:cool:

[jscheuer1]

I'm not sure what's causing it but, there is something in FF & Opera that is moving the .left class to the right of where it appears in IE. I adjusted its left margin in FF's developer's extension to compensate and this seemed to work. It may also do the trick in Opera and NS. Here is the change (red):


.left {
float: left;
width: 65%;
margin: 0 0 10px -55px;
}

If this causes a problem in IE add this style after the above one:


* html .left {
margin-left:0;
}

Notes: while editing the live style in FF's developer extension, I encountered a number of styles that seemed to be doing nothing as well as individual property/value pairs within active styles that seemed to have no effect either. Before you really go whole hog on tracking this down, it would be a good idea to eliminate all unused style information and check that the rest validates and that the HTML validates as well.

[rscptt7706]

Thanks jscheuer1 (or Mad Proffessor - which ever you prefer).

I have to go to work this am, but will try your solve later today.

:cool: