My page looks GREAT on IE but on Netscape 7.0 the right column shows up below the left column instead of at the right. I'm trying to do the layout without tables and I'm teaching myself CSS with resources I find on the web. All that to say, I don't have a clue what I'm doing. I can't figure out how to have two columns side by side that will work in Netscape as well as IE.
Thanks in advance for your time and assistance.
Here is the page:
http://www.homeschooledmom.com/wwol/main.html
CSS file:
http://www.homeschooledmom.com/wwol/wwol.css
Hopefully it's something easy?
Need help with -floating- on Netscape
i think it's only because your Right panel is supposed to be called at first, so it's placed at right... if you call it after the left content, it will be placed simply after, not placed... i had the same problem this morning...
Need help with -floating- on Netscape
Hi Kymmi,
You've done well to get this far.
Try setting the width of your links dive to 30% and the content to 60%,
you may have to play around with the figures.
Also I suggest you validate your css and html, you can do so freely at
http://www.w3.org/
that will help pick up any other problems and is a great way to learn more.
Thanks Tony and Nexia!
I'm working on redoing my style sheet now. I'm going with what the guy at richinstyle.com says about organizing style sheets. (Sure hope he knows what he's doing!)
Anyway, I will change those widths and see if that works. I might just go back to tables temporarily while I sort the rest of this out.
Thanks for your help!
Need help with -floating- on Netscape
now onto the next step!
It WORKED!
Thanks Tony! Changing the width value worked and it now looks great in Netscape as well as IE. In the process I've learned about XHTML and I'm still "in school" with this CSS stuff but I'll get there! Coolness!
Thank again! Just glad to have that much done. Now I have to work on my CSS validation.