28173 sujets

CSS et mise en forme, CSS3

[RESOLU] Fusion de deux blocs

Bonjour,
Je débute avec les css et je rencontre un petit problème malgrès avoir suivit faq méthodes de résolution etc...
J'ai un bloc "top" header et un bloc "banner" qui ne veulent pas se fusionner.
Voila pour la structure :

<div id="top">
</div>
<div id="container">
        <div id="banner">
        </div> 
etc...


et voila le résultat :
pb.jpg
Une partie du logo est contenu dans "top" et l'autre dans "banner", comment faire pour les lier?
Merci de votre aide

EDIT par Julien Royer : merci d'éviter les images trop larges qui déforment le forum. Smiley smile
Modifié par Julien Royer (04 Mar 2007 - 12:41)
Salut,

pourrais-tu fournir le code HTML complet de cette partie (qu'y-a-t'il dans ces <div> ?) et le code CSS que tu as utilisé ? J'imagine que tu as déjà annulé les marges intérieures & extérieures ...
Salut!
Oui j'ai bidouillé toutes les marges possibles sans trouver la solution... Voici le css de cette partie :
html, body {
	margin:0;
	padding:0;
	text-align:center;
}

body {
	background-color:#482410;	
}


#top {
	margin:0 auto;
	width:736px;
	height:50px;
	background:url(haut.jpg) no-repeat;
}

#container {
	text-align:left;
	margin:0 auto;
	padding:5px 15px;
	width:706px;
	height:auto;
	* height:100%;
	background:url(bg2.gif) repeat-y;
	font:11px Arial,Helvetica,sans-serif;
	color:#666;
}

#banner {
	margin:5px;
	background:url(banner.jpg) no-repeat;
	width:664px;
	height:114px;
	padding:10px 0 0 10px;
}

et le html correspondant
<body>
<div id="top">

</div>
<div id="container">

<div id="banner">

</div>
Tu as donné un padding vertical à #container et une marge de 5px tout autour de #banner, il y a donc forcément un écart entre les 2 images Smiley decu
Modifié par Thomas D. (04 Mar 2007 - 10:40)
Sujet clos
Aller à