DIV qui déborde

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : DIV qui déborde

scorbutic

Bonjour,

J'essaie de faire une mise en page potable, le tout en CSS Ca en jette comme technique...le seul problème, c'est que je ne la maitrise pas

Petit problème :

Ca ne se voit pas des masses sur la prise d'écran, mais plus j'ajoute de div dans le conteneur (délimité par la ligne noire), plus la hauteur du conteneur augmente :ouch:

Le code de la chose :

Code :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
.conteneur {
width: 955px;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
}
.haut_milieu {
background-image: url(images/essai_01.jpg);
position: relative;
height: 28px;
width: 955px;
}
.haut_gauche {
background-image: url(images/essai_02.jpg);
position: relative;
height: 142px;
width: 271px;
}
.haut_titre {
background-image: url(images/essai_03.jpg);
position: relative;
height: 142px;
width: 421px;
top: -142px;
left: 271px;
}
.bord_droit {
background-image: url(images/essai_04.jpg);
position: relative;
height: 572px;
width: 263px;
left: 692px;
top: -284px;
}
-->
</style>
</head>
<body>
<div class="conteneur">
<div class="haut_milieu"></div>
<div class="haut_gauche"></div>
<div class="haut_titre"></div>
<div class="bord_droit"></div>
</div>
</body>
</html>

Si quelqu'un a une idée, je suis preneur

Publicité

scorbutic

Petit up ? :whistle:

micfont999

Simplement Moi

n'a des positions relatives de partout la dedant ... lol

comme pour tes collègues je te redirige vers ici si jamais tu ne connais pas
http://css.alsacreations.com/Model [...] age-en-CSS

tu trouvera pi etre ton bonheur

astryad

Le fait de mettre l'attribut "position: relative" déplace ton <div> à un endroit donné. Cependant, il utilise toujours l'espace qu'il aurait pris à sa position "normale".

Si tu mets 4 divs les uns après les autres, comme dans ton exemple, même si tu les repositione, tu auras :

Code :

hauteur conteneur = hauteur haut_milieu + hauteur haut_gauche + hauteur haut_titre + hauteur bord_droit

Si tu veux éviter ce problème, tu peux essayer de mettre ton conteneur en position relative (sans mettre aucun paramètre de top, left, bottom, right) et de mettre tes 4 <div> en position absolute, ce qui aura pour effet de les positionner de façon absolue par rapport au conteneur

scorbutic

Super ! merci pour vos suggestions Problème résolu ! Merci astryad

FORUM HardWare.fr

Programmation

HTML/CSS

DIV qui déborde

Sujets relatifs
[RESOLU] Probleme pour augmenter un DIV en fonction d'un autre	Positionnement d'un texte dans une DIV suite à menu déroulant
[RESOLU]Problème de background avec des DIV	[RESOLU] <span> sur anime Flash ?? Div flotante sous IE ??
Traiter un formulaire avec javascript + DIV	Masquer Div avec bouton radio
masque afficher DIV avec bouton radio	Iframe, Div et Ajax
Copier le contenu d'un DIV dans un INPUT	hauteur en % dans les DIV
Plus de sujets relatifs à : DIV qui déborde

Page générée en 0.050 secondes