Voilou, si quelqun sait m'aider ce serait sympa :)
note; le fait que la barre header fasse 10% de large est fait exprès
pour les tests car je ne sais pas encore vraiment quelle taille lui
donner à cause du décalage subi par les 2 barres verticales qui donne
un résultat inférieur de 2*100px à 100%
Et sous IE le résultat est encore pire! Je pense que je vais finir
par retourner à mes vieux <table> car j'ai un mal de chien en
et c'est pas propre pour un sou
Je viens d'essayer de mettre la barre de coloration prolongée pour le
top dans un 3e div et je me suis rendu compte que c'était l'utilisation
de div qui créaient ce passage à la ligne mais je ne sais pas pour
autant y remédier...
Quelqun saurait m'orienter là car c'est pas évident o_O ?
cs_skit
Messages postés54Date d'inscriptionvendredi 24 octobre 2003StatutMembreDernière intervention23 septembre 2009 13 nov. 2006 à 19:49
non désolé, j'ai bien lu mais ça ne répond pas à mon problème;
ici j'utilise un float: right; mais dès que je déforme la fenêtre il
vient mal se placer
nickadele
Messages postés1251Date d'inscriptionmercredi 7 août 2002StatutModérateurDernière intervention10 avril 2013 13 nov. 2006 à 20:55
si tu souhaites que les floats réagissent bien, il ne faut pas utiliser de % pour définir une largeur.
Le mieux aussi est de définit la largeur de chaque élément.
Pourrais-tu donner soit le code complet html ou une adresse de la page visible.
Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
cs_skit
Messages postés54Date d'inscriptionvendredi 24 octobre 2003StatutMembreDernière intervention23 septembre 2009 13 nov. 2006 à 22:20
Malheureusement la page est dans une zone membre mais je peux évidemment donner le code complet.
Pourquoi pas de %? c'est plus pratique et de meilleur qualité pour les
petites définitions où les gens qui auraient une petite résolution
(800*600 ou inférieur)
nickadele
Messages postés1251Date d'inscriptionmercredi 7 août 2002StatutModérateurDernière intervention10 avril 2013 14 nov. 2006 à 14:12
Bonjour,
j'ai regardé ton code d'un peu plus près.
Comme dit plus haut, si tu mets des % sur des zones comme barleft ou barright, il est un fait que lorsque l'utilisateur resize la page l'ensemble de ces éléments suivent le resize.
Ce que je peux te conseiller c'est de procéder comme suit.
1. ne pas hésiter à imbriquer tes DIV
2. créer une structure de ta page
Cela devrait un truc du genre :
Poue le css :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #ccc;
background-color: #333;
}
#blocleft {
position: absolute;
top: 0px;
left: 0px;
background-color: #FF0078;
width: 120px;
}
#bloccontent {
margin: 0px 120px 0px 120px;
background-color: #FFF;
}
#blocright {
position: absolute;
top: 0px;
right: 0px; /* Opera5.02 will show a space
at right when there is no scroll bar */
background-color: #FF0078;
width: 120px;
}
#contentheader{
background-color: #356682;
}
#contentfooter{
background-color: #356682;
}
#content{
}
#menu{
}
Pour la page :
<!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" >
<head>
<title>:: EmoNest::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="style.css " />
</head>
cs_skit
Messages postés54Date d'inscriptionvendredi 24 octobre 2003StatutMembreDernière intervention23 septembre 2009 14 nov. 2006 à 18:57
Merci beaucoup :-)
C'est parfait maintenant; sauf un petit détail: quand je l'étire à
cause d'un long texte sous IE comme sous FF les bandes de gauche et
droite restent limitées à 100% de l'écran (barright et barleft)
j'ai rajouté des html>body #barleft car je crois que ce n'est lu que par IE mais je ne suis pas sûr...
nickadele
Messages postés1251Date d'inscriptionmercredi 7 août 2002StatutModérateurDernière intervention10 avril 2013 15 nov. 2006 à 08:34
>>sauf un petit détail: quand je l'étire à cause d'un long texte sous IE comme sous FF les bandes de gauche et droite restent limitées à 100% de l'écran (barright et barleft)
>> Tu l'étires vers le bas ou vers la droite ?
Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
nickadele
Messages postés1251Date d'inscriptionmercredi 7 août 2002StatutModérateurDernière intervention10 avril 2013 15 nov. 2006 à 21:39
Le min-height ne sert strictement à rien, il n'est pris en charge que sur les balises tableau (tr, td).
Par contre en plaçant un height:100%; cela fonctionne.
css :
html, body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #ccc;
background-color: #333;
height:100%;
}
#blocleft {
position: absolute;
top: 0px;
left: 0px;
background-color: #FF0078;
width: 120px;
height:100%;
}
#bloccontent {
margin: 0px 120px 0px 120px;
background-color: #FFF;
height:100%;
}
#blocright {
position: absolute;
top: 0px;
right: 0px; /* Opera5.02 will show a space
at right when there is no scroll bar */
background-color: #FF0078;
width: 120px;
}
#contentheader{
background-color: #356682;
}
#contentfooter{
background-color: #356682;
}
#content{
}
#menu{
}
Page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
un problème lié à easyphp peut-être? enfin je viens de tester sur un
hébergeur et il ne marche tout de même pas... Autant sous FF que IE...
Alors pourquoi la barre rose ne s'étire pas?