why is this broken

  • jlknauff
  • Expert
  • Expert
  • User avatar
  • Posts: 502
  • Loc: Florida

Post 3+ Months Ago

Can someone take a look at this and tell me why it is completely broken in Netscape?

http://www.jeremy-lang.com

It is 100% valid HTML & CSS according to W3C. I can't figure out what is causing the problem here, maybe someone else can.
  • JrzyCrim
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2062

Post 3+ Months Ago

If I remember correctly, Netscape ignores @import . replace this:
Code: [ Select ]
<style type="text/css" media="all">@import "layout.css"; </style>


With this:

Code: [ Select ]
<link rel="stylesheet" href="layout.css" type="text/css" media="all">


Edit: Which version of Netscape are you using? I think version 4 is the version that @import doesn't work with.
  • jlknauff
  • Expert
  • Expert
  • User avatar
  • Posts: 502
  • Loc: Florida

Post 3+ Months Ago

Unfortunately it didn't work :(
  • JrzyCrim
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2062

Post 3+ Months Ago

What exactly is broken? How does it display? Do any of your styles work? I don't have netscape handy to test it with...

I forgot to close that link tag. it should be like this:

Code: [ Select ]
<link rel="stylesheet" href="layout.css" type="text/css" media="all" />


Not sure if that will fix it...
  • jlknauff
  • Expert
  • Expert
  • User avatar
  • Posts: 502
  • Loc: Florida

Post 3+ Months Ago

Here is IE
Image

Here is Netscape
Image
  • JrzyCrim
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2062

Post 3+ Months Ago

It displays the same way in Firefox .9.2. Should have noticed that since NS and FF use the same rendering engine.

Not sure off hand what the problem is but my guess would be the floats.

Code: [ Select ]
#columnright {
    width:165px;
    padding-top:30px;
    float:left;
    margin-left:30px}
  1. #columnright {
  2.     width:165px;
  3.     padding-top:30px;
  4.     float:left;
  5.     margin-left:30px}


I believe I've narrowed it down to this portion of your code. When I reduce the margin-left to 14px, #columnright seems to fall into place. The color is still wrong however. Removing the float restores the color but the div naturally ends up in the wrong place. Floats are really buggy.
I'm not sure of an easy way to fix this. If you can up with some way of positioning that without the float, that would probably work.

Code: [ Select ]
#center2 {
    width:400px;
    padding:0px;
    clear: both;
}
  1. #center2 {
  2.     width:400px;
  3.     padding:0px;
  4.     clear: both;
  5. }


Adding clear: both; to #center2 seems to fix the problem with that div, although I don't know what that will do in other browsers. I'm guessing the color problem is cause by a float bug. Unfortunately I have to go. I'm sure someone else will be able to help out.

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 34 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.