Stylesheets - In the proper NG at last I think

Author

In the proper NG at last I think

KiwiBrian

2005-10-09, 10:19 pm

I am having a problem getting IE6 and FireFox 1.07 to display a page in the
same way.
If anyone has the time to look the the page is:-
http://www.hibiscuslink.co.nz/Oxfam/aboutox.html
All the CSS is embedded for convenience.
The discrepancy between the two browsers that I have been unable to
eliminate is the vertical spacing between the navbar and the text "About
Oxfam New Zealand" below the navbar.
While it is not a critical issue in this case, I feel that there is probably
an important lesson to be learned here.
Brian.

Spartanicus

2005-10-09, 10:19 pm

"KiwiBrian" <briantoz@ihug.co.nz> wrote:

>In the proper NG at last I think

Don't multi post.

>I am having a problem getting IE6 and FireFox 1.07 to display a page in the
>same way.
>If anyone has the time to look the the page is:-
>http://www.hibiscuslink.co.nz/Oxfam/aboutox.html

Ditch the browser sniffing.

--
Spartanicus

Beauregard T. Shagnasty

2005-10-09, 10:19 pm

KiwiBrian wrote:

> I am having a problem

See alt.html.

osman

2005-10-10, 6:35 pm

KiwiBrian wrote:
> the vertical spacing between the navbar and the text ..

Your source code shows this:
<div style="font-size:20px; text-align:center;">Vietnam to Cambodia
Cycle Challenge</div>
This should be as H1. Give it a class (class="title") and control it
with a margin-top or padding.

> I feel that there is probably an important lesson to be learned here...

You are using a lot of tables and divs in the wrong way.
Headers should be <h1>, <h2>, text should be <p>, tables for layout is
bad and styles should be in the style sheet eg: <td
style="background-color:red">1k</td> put the style in the css.

Look here http://www.w3.org/StyleSheets/Core/
snip : the HTML markup should be non-presentational (avoid e.g. tables
for layout, FONT tags, overuse of <BR>, etc.) and structural (e.g. use
H1-H6 for headings).

I hope that helps.
--
i