18073 sujets

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

Problème de hauteur de colonnes

bonjour,
Je poste sur alsacreation pour la premiere fois et votre forum m'a été très souvent d'une grande utilité dans mon apprentissage des css.
Je vous présente mon problème cette fois.Je pense que je dois faire une erreur primaire dans la structure de mes pages qui m'empêche d'atteindre mon but.Je souhaite faire une mise en page sur deux colonnes : un menu de gauche ainsi qu'une colonne centrale ; qui s'adapteraient toutes deux à la hauteur de mon ecran peut importe l'importance du contenu.
Je vous communique ici ma source: 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "style.css";
</style>
</head>
<body>
<div id="conteneur">
<div id="header">
</div>
<div id="gauche">
<ul id="navlist">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div id="centre"> 
</div>
</div>
</body>
</html>

Et ma css :

html, body{
	margin: 0;
	padding: 5px 0 0 0 ;
	font: normal 11px Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
        
    }

/* POSITIONNEMENT */

#header {
        background: url(images/header.jpg) no-repeat;
	width:780px;
	height:71px;
	}

#conteneur {
	height: auto !important;
	height: 100%;
	min-height:100% !important;
        position: absolute;
	width: 780px;
	left: 50%;
	margin-left: -340px;
	background-color: #FFFFFF;
         }

#centre {
	margin-left: 139px;
	background-color: #FFFFFF;
        }

#gauche {
	position: absolute;
	width:139px; 
	left:0;
	background-color: #7089BA;
        }

 /* FIN POSITIONNEMENT */



Le soucis :
- sur ie ma col de gauche n'est pas a la proportion de celle du centre.
- sur firefox mon min-height a 100% me crée un scroll dans le vide que je ne comprends pas.

Je vous remercie d'avance pour votre aide !
Modifié par macrea (14 Apr 2006 - 11:37)
Bonjour,

Tu trouveras sur Pompage.net un article qui te permettra de faire une mise en page avec des colonnes.
En gros, il va falloir bidouiller un peu parce qu'il n'y a pas de solution immédiate.
Modifié par Jihel (14 Apr 2006 - 11:36)
Smiley smile désolé pour alsacreationssssssssss c'est la première et dernière fois..promis!

et merci pour l'article.Je vais tester ça.
Administrateur
blue a écrit :


Tu as mis une réponse automatique sur le mot alsacréation ou quoi ?
Smiley lol

Je vais y songer Smiley biggrin
Sujet clos
Aller à