Supprimer une bordure

ditow -
ze-life-of-quent1 Messages postés 2169 Statut Membre - 31 août 2010 à 22:48

Bonjour,
voila je souhaite que mes div prenne l'integralité de la page... je ne comprend pas pourquoi j'ai cette bordure toute autour? surtout qu'elle n'y est pas entrela div rouge et la div bleue... des idées? merci bien!

html :

<html>  
<head>  
<link rel="stylesheet" type="text/css" href="style.css" />  
</head>  
<body>  
<div id="bandeau"</div>  
<div id="contenu"</div>  
</body>  
</html>

css :

<style>  
body {  
border:none;  
}  

#bandeau {  
 width:100%;  
 height:60%;  
 background-color:red;  
 }  
#contenu {  
 width:100%;  
 height:40%;  
 background-color:blue;  
 }

Afficher la suite

3 réponses

Réponse 1 / 3
ze-life-of-quent1 Messages postés 2169 Statut Membre 780
Bonjour,
remplacez ça:
```
body {  
 border:none;  
}  
```
par ça:
```
body {  
margin:0;
padding:0;  
}  
```
0
Réponse 2 / 3
ditow

merci, mais j'ai toujours le même problème..
0
1. ze-life-of-quent1 Messages postés 2169 Statut Membre 780
  
  Et avec un
  *{ margin:0; padding:0; }
  
  ?
  
  0

ditow

toujours pareil... je ne comprend pas trop... je suis au debut de mon code... y'a pas grand chose et pourtant j'ai quand même ce probleme dont je connais pas la provennance....
merci quand même... si vous avez d'autres idées..

ze-life-of-quent1 Messages postés 2169 Statut Membre 780
Votre code c'est un copier coller? Parce-que il y a deux erreurs:
```
<div id="bandeau"</div>  
<div id="contenu"</div>  
```
il manque les deux > après l'id.
0
notobe Messages postés 2222 Statut Membre 213

Mêmes erreurs qu'ici... :
https://forums.commentcamarche.net/forum/affich-18966829-debutant-deux-div-ne-s-affichent-pas
0

ditow

j'ai corriger ces erreurs.. toujours le meme probleme...

je redonnemon code qui a du changer un peu il me semble:

html

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	<div id="bandeau"></div>
	<div id="contenu">
		<div id="logo">
			<img src="http://www.lucilemaiseau.com/img/logo.jpg" alt="logo" />
		</div>
		<a href="http://"adresse en clair" class="menu">IDENTITE VISUELLE</a>    	
		<a href="http://"adresse en clair" class="menu">COMMUNICATION PAPIER</a>    
		<a href="http://"adresse en clair" class="menu">ILLUSTRATION</a>
	</div>
	<div id="contacts">CONTACTS +33 (0) 6 15 10 14 11   LUCILE.MAISEAU@GMAIL.COM   WWW.LUCILEMAISEAU.COM   N°SIRET 512 699 372 0011  </div> PARIS
	</div>

</body>
</html>

css

<style> 
body{
	margin:0;
	padding:0; 
} 

<!--
  a.menu
  {
    color:#afafaf;
    text-decoration:none;
    font-weight:none;
  }
  
  a.menu:hover
  {
    color:#6a6a6a;
    text-decoration:none;
    font-weight:none;
  }
-->

	

#bandeau {
	width:100%;
	height:60%;
	background-color:red;
	}
#contenu {
	position: relative;
	width:100%;
	height:38%;
	background-color:white;
	text-align: center;
	font-size: 13px;
	font-family: arial;
	font-variant: small-caps;
	}
#logo {
	text-align: center;
	}
#contacts {
	text-align: center;
	width: 100%;
	height: 2%
	font-size: 13px;
	font-family: arial;
	font-variant: small-caps;
	}
	
</style>

n'hesiter pas si vous avez une idée.... moi je ne vois pas..
merci

ze-life-of-quent1 Messages postés 2169 Statut Membre 780

Ou ce site le bord car moi je ne vois rien.
0

Supprimer une bordure

3 réponses

Discussions similaires

Newsletters