Page accueille avec superposotion

Fermé
ricocorto Messages postés 50 Date d'inscription jeudi 17 avril 2008 Statut Membre Dernière intervention 29 juin 2009 - 24 avril 2008 à 16:34
ricocorto Messages postés 50 Date d'inscription jeudi 17 avril 2008 Statut Membre Dernière intervention 29 juin 2009 - 24 avril 2008 à 17:16
Bonjour,
alors tout etait pas mal je corrigeais avec le validateur après le dessous est remonté sous mon menu
<body>
<div id="colo1"><img src="image/tourVerte.JPG" align="right" width="100%" height="100%"alt=""/></div> 
<div id="outer">
	<h1>L'Ile de Groix </h1>
	
	
	<div class="navwrap">

		<ul>
			<li><a href="lesPorts.html">Les ports</a></li>
			<li><a href="lesPlages.html">Les plages et les criques</a></li>
			<li><a href="lesChapelles.html">Les chapelles</a></li>
			<li><a href="lesLavoirs.html">Les lavoirs</a></li>
			<li><a href="lesBateaux.html">Les bateaux</a></li>

			<li class="last"><a href="#">Bars et cafe</a></li>
		</ul>
	</div>
	<div class="clearer"></div>
	<!-- ie needs this clearer -->
	<div class="navwrap">
		<ul>
			<li><a href="voyage.html">Voyage gratuit</a></li>

			<li><a href="#">Les facades de maison</a></li>
			<li class="last"><a href="#">La galerie</a></li>
		</ul>
	</div>
	<div class="clearer"></div>
	<!-- ie needs this clearer -->
	<div class="navwrap">
		<ul>

			<li class="last"><a href="formulaire.html">Contact</a></li>
		</ul>
	</div>
	<h3>site de photos amateur</h3>
	<h3>Tout droit d'utilisation interdit - Copyright @ 2008 Eric Fortineau</h3>
</div>
<div id="colo2"><img src="image/tourRouge.JPG" align="right" width="100%" height="100%"alt=""/></div>


et le css
body{
	margin:0;
	padding:30px 10px;
	text-align:center;
	background-color:#ddd;
	border:1px solid black;
}
#colo1
{
	margin:;
	position:absolute;
	width:200px;
	height:430px;
	left:22px;
	padding:;
	text-align:center;
	background-color:#ddd;
	border:1px solid black;
}
#colo2
{
	margin:;
	position:absolute;
	width:200px;
	height:430px;
	top:30px;
	left:1055px;
	padding:;
	text-align:center;
	background-color:#ddd;
	border:1px solid black;
}

#outer{
	width:780px;
	margin:auto;
	text-align:left;
	border:1px solid #000;
}
#outer{overflow:hidden;}
.navwrap{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	margin-bottom:2em;
}
.navwrap ul{
	list-style:none; 
	position:relative;
	left:-50%;
	margin:0;
	padding:0;
} 
.navwrap li{
	border:1px solid #eff2df;
	float:left;
	margin:0 10px 0 0;
	background:#809900;
}
.navwrap li.last{margin-right:0}
.navwrap li a{
	float:left;
	border:1px solid #4c7300;
	position:relative;
	left:-2px;
	top:-2px;
	background:#eff2df;
	color:#4c7300;
	text-decoration:none;
	padding:6px 10px;
	font-weight:bold;
}
.navwrap li a:hover{
	background:#809900;
	color:#fff;
}
p{clear:both;padding:10px}
h1{text-align:center;margin:1em 0;}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
h3{text-align:center;margin:1em 0;}


je suis embrouillé et ne sais plus ou cherché
merci a plus
A voir également:

1 réponse

si tu ajoutes
<div class="clearer"></div>
au dessus de
<h3>site de photos amateur</h3>
ça marche ?
0
ricocorto Messages postés 50 Date d'inscription jeudi 17 avril 2008 Statut Membre Dernière intervention 29 juin 2009 1
24 avril 2008 à 17:16
quel coup de génie
un grand merci a toi
comment tu l a trouvé? t avais l impression qu il manquait quelque chose ?
peut importe merci encore
kenavo
0