Voir le sujet précédent :: Voir le sujet suivant |
Auteur |
Message |
xbiron frontpage mioche
|
Comment faire ca avec CSS et div , Posté le: 19-12-2003 13:01 |
|
|
Salut à tous,
j'ai expliqué mon probleme sur une de mes pages car elle contient des images :
cliquez ici [http://www.golfaucanada.com/test/forum/index.php]
Merci d'avance à tous
Xav le québécois |
|
|
salemioche salemioche
|
Comment faire ca avec CSS et div , Posté le: 19-12-2003 14:58 |
|
|
voila typiquement le genre de chose que l'on peut pas faire avec CSS/DIV
car on ne peut pas avoir des contraintes de hauteurs liées à un objet.
Pour ton exmple tu peux peut etre trouver un compromis en fixant les hauteurs de DIV à 100% |
|
|
xbiron frontpage mioche
|
re: , Posté le: 19-12-2003 15:26 |
|
|
Arffff c'est bien ma chance...
moi qui voulait justement laisser tomber ma mise en page <table> pour passer en div et css mais voila que c'est po possible
pour height: 100% ça ne marche pas
Je vois quand meme une possibilité, un peu bidouillage mais bon...
Dans mon calque "container" qui contient les 3 colonnes, je met en background-image une image de 700x1px. Ce background aura les 150 premiers pixels orange, les 400 d'apres beige et les 150 derniers orange. Je le mettrais en background-repeat: repeat-y;
mais bon ça reste pas génial
C'est incroyable qu'on puisse pas faire ça avec div/css
Xav le québécois |
|
|
salemioche salemioche
|
Comment faire ca avec CSS et div , Posté le: 19-12-2003 15:37 |
|
|
normalement ca devrait etre réglé avec CSS 3.
l'image de fond permet de ticher un peu mais c'est pas vraiment l'archi souhaitée au départ ?! |
|
|
xbiron frontpage mioche
|
re: , Posté le: 19-12-2003 15:45 |
|
|
bein nan, c sur, c'est pas le top.... mais si ya pas d'autre moyen
en tout cas merci salemioche
Xav le québécois |
|
|
rorschach dreamweaver mioche
|
Comment faire ca avec CSS et div , Posté le: 19-12-2003 16:47 |
|
|
d'abord tu peux regarder les tuto de sibelius ici :
http://www.alsacreations.com/articles/
et plus particulièrement ce modèle de mis en page :
http://www.alsacreations.com/articles/modeles/gauche_droite_fluid.htm
ensuite avec quelques modif (retirer le header mettre les valeur à 100%) sur la source tu peux obtenir la mise en page que tu souhaite, un petit exemple :
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>gauche droite fluide</title>
<style type="text/css">
<!--
html, body {
margin: 0;
background-color: #fff; /*couleur de fond blanche*/
height: 100%;
}
.conteneur { /*le conteneur global du site */
width: 702px;
height: 100%;
border: 1px solid #000000;
}
.contenu {
height: 100%;
background-color: #ffffcc;
}
.gauche {
float: left;
width: 150px;
height: 100%;
background-color:#ECC331;
}
.droite {
float: right;
width: 150px;
height: 100%;
background-color:#ECC331;
}
-->
</style>
</head>
<body>
<div class="conteneur">
<div class="contenu">
<div class="gauche">partie gauche</div>
<div class="droite">partie droite</div>
partie contenupartie contenupartie contenupartie contenupartie contenupartie contenu
partie contenupartie contenupartie contenupartie contenupartie contenu
partie contenupartie contenupartie contenupartie contenupartie contenupartie contenu
partie contenupartie contenupartie contenupartie contenupartie contenupartie contenu
partie contenupartie contenupartie contenupartie contenu
</div>
</div>
</body>
</html>
|
|
|
|
xbiron frontpage mioche
|
re , Posté le: 19-12-2003 19:15 |
|
|
bah le résultat est un peu caca
la meilleure solution que j'ai trouvée est en fait de mettre en background du calque conteneur une image qui imitera le background désiré.
Dans mon cas j'ait mis une image de 700x1px avec :
150 px orange | 400px beige | 150px orange
je l'ai mis en repeat: repeat-y; et le résultat est nickel... bon c'est du bidouillage mais apparement ya pas moyen de faire mieux.
Merci à tous en tout cas...
Xav le québécois |
|
|
SIBELIUS html mioche
|
Comment faire ca avec CSS et div , Posté le: 20-12-2003 6:42 |
|
|
Tiens, tu es là aussi ?
http://www.positioniseverything.net/thr.col.stretch.html |
|
|
xbiron frontpage mioche
|
re , Posté le: 20-12-2003 11:53 |
|
|
héhéhé.... wi je suis partout
Mais t'inquiète, j'ai clos tous les topics que j'ai posté
Xav le québécois |
|
|
|