OVH Cloud OVH Cloud

probleme de float

4 réponses
Avatar
Thibaut Allender
hello,

dans cet exemple, comment faire pour que le div "rightcol" ne passe pas
systematiquement en dessous du "leftcol" ?
si je definis une largeur, ca fonctionne, mais j'ai envie que rightcol
occupe le maximum de place

je ne comprends pas bien pourquoi il ne se cale pas de lui meme a droite
du premier div... (il le fait quand il y a peu de contenu, mais avec
cette longue ligne, ca ne fonctionne pas)

merci

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>blah</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<style media="screen" type="text/css">

#main {
display: block;
}

#leftcol {
float: left;
width: 100px;
}

#rightcol {
float: left;
background-color: #E07000;
padding: 10px;
margin-bottom: 10px;
color:#313370;
text-align:justify;
line-height:130%;}

</style>
</head>

<body>

<div id="main">
<div id="leftcol">

ce div fait 100px de large
</div>

<div id="rightcol">

<p>my goal is to make this code (php4 + mysql needed) freely available
for the design community so you can easily integrate a small forum on
your site. it will (and already is) be fully customizable via simple
settings and css files.</p>

</div>

</div>

</body>
</html>

--
freelance + web|system developper|designer
+ 32 496 26 75 76 + http://www.capsule.org

4 réponses

Avatar
Thibaut Allender
on 16/12/2003 21:55, Pascal Chevrel wrote :

#coldroite {
display:table-cell;
background-color: #E07000;
}

Marche très bien dans tous les navigateurs modernes sauf IE



ah ! merci beaucoup Pascal,

pour que ca fonctionne aussi sous IE il suffit d'utiliser ca :

display:table-cell;
_float: left;

les styles precedes d'un underscore ne sont pris en compte que par IE ;)

--
freelance + web|system developper|designer
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
Pascal Chevrel
Le 16/12/2003 22:19, Thibaut Allender a écrit :
on 16/12/2003 21:55, Pascal Chevrel wrote :

#coldroite {
display:table-cell;
background-color: #E07000;
}

Marche très bien dans tous les navigateurs modernes sauf IE




ah ! merci beaucoup Pascal,

pour que ca fonctionne aussi sous IE il suffit d'utiliser ca :

display:table-cell;
_float: left;

les styles precedes d'un underscore ne sont pris en compte que par IE ;)




J'avais lu ça récemment effectivement, j'ai pas encore mis en pratique
cette technique (j'en suis resté à la méthode de Tantek :-) ).

pascal


--
Pascal Chevrel - Mozilla Champion
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Foros Mozilla en español : http://pascal.chevrel.free.fr/mozilla
Avatar
Thibaut Allender
on 16/12/2003 22:22, Pascal Chevrel wrote :

J'avais lu ça récemment effectivement, j'ai pas encore mis en pratique
cette technique (j'en suis resté à la méthode de Tantek :-) ).



j'utilise aussi php pour "patcher" mes css
soit en appelant un .php comme css externe, soit en forcant php a
interpreter les .css avec un .htaccess du genre :

AddType application/x-httpd-php css

a mettre dans le repertoire contenant les css bien sur

en oubliant pas de mettre :

<?php
header("Content-type: text/css");
?>

au debut de chaque css si on ne veut pas que mozilla tire la gueule ;)

a+

--
freelance + web|system developper|designer
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
Raphaël wils
Thibaut Allender a écrit :

on 16/12/2003 20:09, Bruno Patri wrote :

[...] snip le code

et comme ceci :




oui, merci,
mais tu as trouvé la meme solution que moi, elle oblige a dupliquer les
100px a 2 endroits :(




Je me suis moi meme posé cette question sur cette page,
http://perso.club-internet.fr/raphael.wils/menuBIG/menuBIG.html
Et j'en suis arrivé à la meme conclusion.

--
Raphael wils
http://perso.club-internet.fr/raphael.wils
"It don't mean a thing, if it ain't got that swing !"