XHTML strict gives 1 problem.

@DzanFeb 29.2008

Hi,

The problem isn’t that my page doesn’t validate ( it does, and I was glad when it first did ? ) But when the doctype is xhtml strict the firefox browser does render it a bit different then if it were 4.1.

4.1: ~~[url]~~http://users.telenet.be/dzandesign/[/url]
xhtml: ~~[url]~~http://users.telenet.be/dzandesign/indexstrict.html[/url]

You see? There is that little stroke under my header/menu, I wondered if someone could explain me how to get rid of it.

Thx

to post a comment

CSS

@alilgFeb 29.2008 — #Hi,

The problem isn't that my page doesn't validate ( it does, and I was glad when it first did ? ) But when the doctype is xhtml strict the firefox browser does render it a bit different then if it were 4.1.

4.1: http://users.telenet.be/dzandesign/

xhtml: http://users.telenet.be/dzandesign/indexstrict.html

You see? There is that little stroke under my header/menu, I wondered if someone could explain me how to get rid of it.

Thx[/QUOTE]
i've see you site document type is

<i>
 </i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"&gt;

when you using of HTML you shouldn't close tags! like this:

<i>
 </i>&lt;meta name="author" content="DZanDesign" [COLOR="Red"][B]/[/B][/COLOR]&gt;

i think it better you first change you document type to XHTML first!

@alilgFeb 29.2008 — #look about you menu, i think you can just define a HEIGHT attrible for you menu items to solve the problem!

@CentauriFeb 29.2008 — #This is due to the header image aligning to the text baseline, and leaving a gap at the bottom for text decenders. Setting the image to block display gets rid of that :

[CODE]#header_mainPic img {
 display: block;
 }[/CODE]

This is more the difference between strict and transitional doctypes than between html and xhtml.

@DzanauthorFeb 29.2008 — #Thx for all you responses!

It worked Centauri, thx alot! For the second time ?

You are brilliant ?

XHTML strict gives 1 problem.

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

XHTML strict gives 1 problem.

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴