18041 sujets

Questions générales et questions de débutants

[Résolu] Marges et doctype

Bonjour à tous,

cela fait plusieurs heures que je coince sur ce problème : en fonction du doctype que je définis, j'ai des marges hautes et basses qui apparaissent.

Exemple : si mon doctype est : 
<!DOCTYPE html>
les marges apparaissent

si le doctype est : 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Aucune marge !

mon html :

<!DOCTYPE html>
<html>
<head>
<title>Titre</title>
<meta charset="utf-8" />
<link href="./css/pc.css" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<link rel="icon" href="./favicon.ico" type="image/x-icon">
</head>

<body>	
<section id="main">

<header>
<img src="./img/header.jpg" width="1100" height="100"  alt="image_bandeau">
</header>

<nav id="MenuP">
<img src="./img/menu2.gif" width="850" height="50" alt="image_menu">
</nav>

<aside>
Lorem ipsum
<aside>

<section id="contenu">
Lorem ipsum
</section>

<footer>
<img src="./img/footer.jpg" width="1100" height="50" alt="image_footer">
</footer>

</section>
</body>
</html>


mon css

@charset "utf-8";
/* CSS Document */
 
 
 /************ Definition du corps de page ************/

* {
margin:0;
padding:0;
}
 
 BODY {
margin:0;
padding:0;
}


 /************ div ************/
 
 div {
	 margin:0;
	 padding:0;
	 border:none;
 }

 
 /************ header ************/
 
 
 
 /************  section ************/
 
 
 section#main {
	 width:1100px;
 }
 
 section#contenu {
	width:850px; 
 }
  
 /************ nav ************/
 
 nav#MenuP {
	 margin:0;
	 padding:0;
	 border:0;
	 
 }
 
 
  /************ aside ************/
 
 
 
  /************ img ************/
  
  img {
	margin:0;
	padding:0;
	border:none;  
  }


Après avoir écrémé plusieurs forums, dont celui-ci, impossible de trouver la réponse à ma question...
Si quelqu'un peut éclairer ma lanterne, je l'en remercie par avance
Bonne journée et merci
Cooker

EDIT : j'ai finalement trouvé la réponse, pour ceux que cela intéresse, c'est ici :
http://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html
Modifié par cooker (10 Jun 2012 - 20:00)
Sujet clos
Aller à