Doctype in htmk

Status
Niet open voor verdere reacties.
G

Geert Wessels

Gebruiker
Lid geworden
12 jan 2007
Berichten
9
Ik heb in mijn website de volgende doctype staan :

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Nu zal de website normaal gesproken in het middel uitgelijnd worden, maar dat is dus niet het geval.
Hoe kan ik dit oplossen?

Hieronder staat de html code:

HTML: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  <head>
    <title>Geert Wessels</title>
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name=vs_defaultClientScript content="JavaScript">
    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<style type="text/css" title="currentStyle">
			@import "css/basic.css";
		</style>
  </head>
  <body MS_POSITIONING="GridLayout" topmargin="30">
	
    <form id="Form1" method="post" runat="server">
			<div id="container">
				
			</div>
			
    </form>
	
  </body>
</html>
 
Laatst bewerkt:
Dat over het doctype begrijp ik niet helemaal, waarom zou de boel ineens gecentreerd zijn door dat doctype?
Helemaal aan het begin van een document wordt de DOCTYPE-declaratie (document type) opgenomen. Deze is ervoor bedoeld aan te geven aan welke HTML-versie het document voldoet. De DOCTYPE-declaratie verwijst naar een document type definition (DTD).
Bron
Klik om te vergroten...

Je kunt de boel centreren door middel van de <center></center> tags...

HTML: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
 <title>Geert Wessels</title>
 <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
 <meta name="CODE_LANGUAGE" Content="C#">
 <meta name=vs_defaultClientScript content="JavaScript">
 <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <style type="text/css" title="currentStyle">  @import "css/basic.css"; </style>
</head>
<body MS_POSITIONING="GridLayout" topmargin="30">
 <center>
  <form id="Form1" method="post" runat="server">
   <div id="container">
   </div>
  </form>
 </center>
</body>
</html>
 
Ik heb het al gevonden.
Het ligt inderdaad wel aan de doctype die je gebruikt.
Ik gebruik een doctype voor xhtml.
In combinatie met css lijnt tie dan de div exact in het midden uit.

De css-code hiervoor is:

Code: 
#container
{
 position: relative;
 margin: 0px auto 0px auto 0px;
}

en de doctype:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

als je dit in je site plaatst, dan lijnt hij de divjes precies uit in het midden, en als je de browser dan verkleint, dan zie je dat hij de site netjes en voor zover het kan, in het midden blijft uitlijnen.

that's my story
 
Laatst bewerkt:
Maar dat heeft nog niets met de doctype te maken, wat je nu hebt gedaan heeft alleen met CSS te maken. Aangezien je in de <style> aangeeft dat hij een bepaalde positie moet gebruiken :confused:
 
Maar mede doordat je die xhtml doctype in de html pagina gebruikt, zorgt die ervoor dat in de css de attribuut margin juist gebruikt wordt.
het verschil is dan ook als je de transitional doctype gebruikt met dezelfde css code, dat de div dan links uitgelijnd wordt, en als je de xhtml doctypew gebruikt, dat dan de div in het midden worden uitgelijnd

http://www.voorbeeld1.wessels-info.nl/voorbeeld1.html een voorbeeld met een xhtml doctype

http://www.voorbeeld2.wessels-info.nl/voorbeeld2.html een voorbeeld met een transitional doctype

Bij allebei zijn de css opmaak hetzelfde
 
Laatst bewerkt:
Ja de CSS is hetzelfde (denk ik, had geen zin om de CSS te openen) maar ik zie gewoon 2 dezelfde pagina's in FF :( zal wel weer een IE kwaaltje zijn :rolleyes:
 
Code: 
#container
{
	position: relative;
	margin: 0px auto 0px auto; 
	width: 900px;
	height: 575px;
	border: 1px solid #808080;
}

Dit is de css-code die ik gebruik.
Firefox geeft in beide gevallen de pagina goed weer dus:thumb: ...het is inderdaad een IE kwaaltje. En dat in IE7!:confused:
 
Ik had een soortgelijk probleem:
borders werden niet weergegeven in Firefox.
Met ander doctype wel.
Evenwel toonde toen IE alles gecentreerd.
Door de toevoeging:
text-align:left
in de CSS was het ook in IE goed.

:cool:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan