créer un site


Comment faire ca avec CSS et div

Poster un nouveau sujet sur css   Répondre au sujet à css:Comment faire ca avec CSS et div    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
xbiron
frontpage mioche
frontpage mioche
MessageComment 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
salemioche
MessageComment 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
frontpage mioche
Messagere: , 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 Sad

pour height: 100% ça ne marche pas Sad

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 Sad

C'est incroyable qu'on puisse pas faire ça avec div/css Sad

Xav le québécois
salemioche
salemioche
salemioche
MessageComment 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
frontpage mioche
Messagere: , Posté le: 19-12-2003 15:45

bein nan, c sur, c'est pas le top.... mais si ya pas d'autre moyen Sad
en tout cas merci salemioche Wink

Xav le québécois
rorschach
dreamweaver mioche
dreamweaver mioche
MessageComment 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
frontpage mioche
Messagere , Posté le: 19-12-2003 19:15

bah le résultat est un peu caca Crying or Very sad

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
html mioche
MessageComment faire ca avec CSS et div , Posté le: 20-12-2003 6:42

Tiens, tu es là aussi ? Wink

http://www.positioniseverything.net/thr.col.stretch.html
xbiron
frontpage mioche
frontpage mioche
Messagere , Posté le: 20-12-2003 11:53

héhéhé.... wi je suis partout Smile

Mais t'inquiète, j'ai clos tous les topics que j'ai posté

Xav le québécois
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:Comment faire ca avec CSS et div    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales