28172 sujets

CSS et mise en forme, CSS3

Height 100% sur un float ?

Bonjour,

Existe t'il une autre technique que les colonnes factices pour faire en sorte qu'un float prenne toute la hauteur ? (réellement ou en donnant l'illusion)

J'ai essayé height 100% mais ça ne marche pas. Pas de lien, c'est juste des "TP" que je fais pour m'exercer et je me posais la question Smiley smile

Merci Smiley smile
salut,

ça aurait bien de mettre un bout de code quand même.

mais si tu parle d'une balise <div></div>, il faut une référence à ton css pour pouvoir prendre une hauteur de 100%.

exemple:

<!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>
<style type="text/css">
html, body { width: 100%;
             height: 100%;
             margin: 0;
             padding: 0;
             overflow: auto;
           }

div.gauche { height: 50%;
             width: 20%;
             margin: 0;
             padding: 0;
	     background-color: #33cc66;
	     float: left;
           }

div.droite { height: 100%;
             width: 80%;
             margin: 0;
             padding: 0;
	     background-color: #00ff66;
             float: right;
           }
</style>
</head>

<body>

<div class="gauche"><h3>gauche</h3></div>
<div class="droite"><h3>droite</h3></div>

</body>
</html>


ici mes div prennent référence par rapport au body et html qui ont une hauteur et largeur de 100%.


j'espère avoir répondu à ta question.
Merci c'est parfait Smiley smile

Non je ne poste pas le code cette fois car je ne veux pas une correction, je veux comprendre et le refaire tout seul !

Mais ne t'inquiétes pas, si vraiment je cale, je reviens te prendre la tête personnellement avec le code cette fois ! On prendra rdv autour d'un café... Smiley lol
Modifié par Gimx (08 Mar 2010 - 11:48)
Sujet clos
Aller à