Hello all,
I was wondering if anyone could explain why the page below doesn't display properly in Mac IE 5 and Safari (the main content area moves off to the side, etc. It renders well in Firefox (Mac & Win) and IE Win...
HTML file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/">http://www.worldcycle.co.uk/newsite/</a><!-- m -->) .
CSS file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/style.css">http://www.worldcycle.co.uk/newsite/style.css</a><!-- m -->) (may need to right click & save as).
Any help would be appreciated!Validate your css file...I found 3 errors.
.mainNavCell in your css...class="navcell" in your html
the nav bar moves right in safari because inheritance works maybe (align="right" in a table element above the nav bar td) ...it moves left (default) because that inheritance doesn't work (I guess). So I guess you need a align="right" in your html somewhere (the td before the nav bar) (blah)...On a side note: I don't see anything wrong in Safari.Oops... It seems the wrong (old) file was being pointed to. It should work now and make some more sense:
HTML file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite">http://www.worldcycle.co.uk/newsite</a><!-- m -->) .
CSS file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/style.css">http://www.worldcycle.co.uk/newsite/style.css</a><!-- m -->) (may need to right click & save as).You have:#middleContent
{
position: relative;
top: 0px; left:150px; width: 447px;
background-color: #ffffff;
border: 0px none #000000;
overflow: hidden;
}
top and left defined in a position: relative? changing that to absolute will start you in the right direction, I bet.
I was wondering if anyone could explain why the page below doesn't display properly in Mac IE 5 and Safari (the main content area moves off to the side, etc. It renders well in Firefox (Mac & Win) and IE Win...
HTML file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/">http://www.worldcycle.co.uk/newsite/</a><!-- m -->) .
CSS file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/style.css">http://www.worldcycle.co.uk/newsite/style.css</a><!-- m -->) (may need to right click & save as).
Any help would be appreciated!Validate your css file...I found 3 errors.
.mainNavCell in your css...class="navcell" in your html
the nav bar moves right in safari because inheritance works maybe (align="right" in a table element above the nav bar td) ...it moves left (default) because that inheritance doesn't work (I guess). So I guess you need a align="right" in your html somewhere (the td before the nav bar) (blah)...On a side note: I don't see anything wrong in Safari.Oops... It seems the wrong (old) file was being pointed to. It should work now and make some more sense:
HTML file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite">http://www.worldcycle.co.uk/newsite</a><!-- m -->) .
CSS file is here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/style.css">http://www.worldcycle.co.uk/newsite/style.css</a><!-- m -->) (may need to right click & save as).You have:#middleContent
{
position: relative;
top: 0px; left:150px; width: 447px;
background-color: #ffffff;
border: 0px none #000000;
overflow: hidden;
}
top and left defined in a position: relative? changing that to absolute will start you in the right direction, I bet.