pbm taille de div imbriqués, oveflow, height 100%
pbm taille de div imbriqués, oveflow, height 100% - HTML/CSS - Programmation
Marsh Posté le 17-09-2005 à 21:15:57
#corps {
position: relative;
width: 620px;
padding-right: 120px; (120 : 110+10)
}
#bord {
width: 110px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
Marsh Posté le 17-09-2005 à 21:18:10
sinon tu peux aussi jouer sur le display: table-cell et le !important.
#corps {
display:table-cell !important; // pour les navigateurs aux normes
display:block; // pour Interbete Explorer
}
#bord {
display: table-cell !important;
display: block;
float: normal !important;
float: right;
}
Marsh Posté le 17-09-2005 à 23:29:30
c'est bizarre...
j'ai l'impression qu'en faissant ca (1ere solution avec position absolute et relative) ca fait 16 pixel en trop avec IE (mais bon avec mozilla) en width. Je m'explique : avec IE, en faisant la 1ere solution, j'ai un ascenseur horizontal qui apparait verticalement sur "corps". En decalant "bord" de 16 pixels vers la gauche (je remplace rigth par 16 px au lieu de 0), cet ascenseur disparait (15px étant insuffisant). Alors qu'avec Mozilla, aucun ascenseur des le depart (right : 0; ).
Qqu'un sait pkoi?
Message édité par Profil supprimé le 17-09-2005 à 23:29:42
Sujets relatifs:
- Taille d'une arborescence
- [MySQL]Taille des Tables InnoDB
- Passage de la taille d'un tableau en argument
- taille de font avec excel
- Fixer verticalement la taille d'une cellule
- determiner la taille d'un ensemble de fichiers
- [CSS] Impossible de fixer la taille
- taille cellule
- [MY-SQL]pb taille d'un champs
- [BigDecimal-BigInteger] Connaitre la taille memoire d'un varible
Marsh Posté le 17-09-2005 à 14:46:37
Voila mon pbm ...
j ai un bloc principal :
#corps {
background-color : white;
width: 620px;
height: 330px;
padding : 10px;
overflow : auto;
border : 30px;
}
ou j'ecris le texte principal de ma page... mais je veux avoir une "colonne" tout a droite pour pouvoir mettre d'autres choses (logos / liens en l'occurence...) :
#bord {
width : 110px;
height : 100%;
float : right;
font-size : 0.8em;
}
jusqu'a la, tout va bien... sauf quand le bloc "corps" depasse 330 pixels (apparition de la barre d'overflow), ben le bloc "bord" il suit pas... il reste à 330 pixels...
comment il faut faire pour que le 100% de "bord" fasse bien l'integralité de "corps" meme quand celui ci est en overflow ?