28173 sujets

CSS et mise en forme, CSS3

[Résolu] Mon DIV conteneur ne prend pas la taille de son contenu!

Bonjour à tous.
Je deviens fou, mon div conteneur ne veut pas se mettre à la même hauteur que son contenu (height:auto;) Si vous pouvez m'aider merci d'avance. C'est un truc tout bête, j'en suis certain.

Voici mon code CSS:
body {
	text-align: center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
	height:100%;
}

input {
	width:150px;
	height:12px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

.submit {
	height:18px;
}

div#conteneur {
	width:782px;
	height:auto;
	background-color:#C6C8CA;
	margin:auto;
	text-align: left;
	border:1px;
	border-style:dashed;
	border-color:#ED1823;
}

#bloc_gauche {
	float:left;
	width:170px;
	height:auto;
	padding-left:10px;
	margin:0px;
}

#bloc_droit {
	float:left;
	width:580px;
	height:auto;
	padding:10px;
	margin:0px;
}


et le xhtml:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Administration du site SBCNews.net</title>
<link href="back-office.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="conteneur">
	<div id="bloc_gauche">
Hello
	</div>
	
	<div id="bloc_droit">
	coucou
	</div>
</div>
</body>
</html>

Modifié par cgerard (15 Oct 2005 - 09:17)
Cela Marche.

Merci beaucoup.
Je me doutais bien que c'était pas grand chose.
Merci pour ton aide et bon week-end!

Charles
cgerard a écrit :
Cela Marche.

Merci beaucoup.
Je me doutais bien que c'était pas grand chose.
Merci pour ton aide et bon week-end!

Charles


Bonjour,
Si un jour tu repasses par ici, met un résolu dans ton sujet et édite ton premier post pour ajouter des [ code] et blablabla Smiley fache
Bonjour,

Je m'incruste un peu chez les css addicts, grace à mosaic de oscommerce-fr.com.

Merci, beaucoup,
cette précision importante evite de s'arracher les cheveux!

c'est quand meme mieux de pouvoir faire pareil qu'avec les "anciennes méthodes"... puis faire mieux bien sure Smiley ravi

encore merci, a bientot.
Smiley cligne

arf, on dirait que ca marche pas sous IE... quelqu'un pourrai m'expliquer si il en sait plus?
Modifié par stepibou (20 Oct 2005 - 14:07)
bonjour,
j'ai moi aussi un pb (sans doutes tout bete) qui me donne envie de ....
voici donc mon pb:
j'ai un conteneur qui ne veut pas se caller avec les 2 autres div (haut et bas), il perciste un décalage de qques pixels sur la gauche.
si qqun veut bien me porter secours.... Smiley decu

je vous donne le code au cas ou...:

<html>
<head>
<title>voitures-de-luxe.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
{padding:0;position: absolute;with: 100%;height: 100%;font-family: verdana, arial, sans-serif;
margin-left: auto;margin-right: auto}
.haut {width: auto;height: 130px;background-color: ;color: #fff;font-size: 36px;padding: 0px;}
.frame {width: auto;height: 420px;background-color: ;color: #000000;font-size: 12px;padding: 0px; overflow: auto;}
.bas {width: auto;height: 30px;background-color: ;color: #000000;font-size: 12px;padding: 0px;}
</style>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body background="images/fond.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div class="haut">
<div align="center">
<table width="780" border="0" cellpadding="0" cellspacing="0" background="images/interface19-10.jpg">
<!--DWLayoutTable-->
<tr>
<td width="780" height="130" align="center" valign="middle">
<a href="index.php?page=accueil" class="menu">Accueil du site</a>
<a href="index.php?page=presentation" class="menu">Présentation</a>
<a href="index.php?page=suite" class="menu">Suite</a>
<a href="index.php?page=fin" class="menu">Dernière page</a>&nbsp;</td>
</tr>
</table>
</div>
</div>

<div class="frame">
<div align="center">
<?php
if (!isset($_GET['page'])) $page='accueil'; else $page= $_GET['page'];
switch($page)
{
case 'accueil': include ('IFRAME1/accueil.htm');break;
case 'presentation': include ('accueil.htm');break;
case 'suite':include ('suite.txt');break;
case 'fin':include ('fin.txt');break;
}
?>
</div>
</div>

<div class="bas">
<div align="center">
<table width="780" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="780" height="30" valign="top" background="images/interface319-10.jpg"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table>
</div>
</div>
</body>
</html>



merci.
stepibou a écrit :
Bonjour,

Je m'incruste un peu chez les css addicts, grace à mosaic de oscommerce-fr.com.

Salut ^^
Il est sorti en version finale... finalement ? Smiley cligne
Je crois que j'ai le temps de tenter de me former aux css d'ici là. J'aime bien l'idée de ce projet Smiley murf
@guyle : ton code entre des balises codes ?
Sujet clos
Aller à