CSS - les blocs float:left acceptent mal les padding et margin

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS - les blocs float:left acceptent mal les padding et margin

miltonis

Bonjour à tous

Cela fait preque deux jours que je suis sur cette page qui m'a posé énormemment de problemes. Je ne suis pas un expert en CSS mais je veux aussi être aux normes. J'ai fait le maximum, maintenant j'ai besoin d'un coup de main ou d'une ligne directive

sur cette page : xxxxxxxxxxxxxxxxxxxxxxxx

1- Sous Firefox il y a un souci de padding(?) à droite des blocs rouges de titre, alors qu'ils devraient être alignés avec l'image d'en dessous.
pourtant la taille (width) équivaut à la somme de 320px pour le texte et de 150px pour l'image, cad 470px.......

2- autre souci les padding (encore) à l'intérieur du bloc texte.
Si j'ajoute un padding-left par ex, l'image descend et fait comme si elle n'avait pas de float:left!!

3- même chose pour le bloc de texte du bas (rose) qui n'accepte pas les paddings car deux blocs en float:left
j'en ai fait deux. celui du dessus, se monte très bien sous Firefox mais avec IE il y boulette!

Que faire?
j'ai beau jouer avec les padding/margin, pas de résultat.
merci de votre coup de main

Cevi

Message édité par miltonis le 08-02-2006 à 15:55:24

Publicité

miltonis

euh.
j'oubliais le CSS concerné :

Code :

.width_titles {
width: 520px;
voice-family: "\"}\"";
voice-family:inherit;
width: 470px;
}
h2#title01_star {
clear: both;
background-color: #CC3300;
color: #FF9999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: left;
padding: 2px 0 0 5px;
margin: 0;
}
h1#title_star {
background-color: #CC3300;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: left;
padding: 0 0 3px 5px;
margin: 0;
}
div#star {
background-image: url('Pics/fond_content.gif');
width: 470px;
height: 122px;
padding: 0 0 0 0;
margin: 0;
}
div#text_star {
float: left;
background-image: url('Pics/fond_content.gif');
/*padding: 0 4px 0 6px;*/
margin: 0;
text-align: justify;
width: 320px;
height: 122px;
}
div#image_star {
float: left;
width: 150px;
height: 122px;
margin: 0;
}

FORUM HardWare.fr

Programmation

HTML/CSS

CSS - les blocs float:left acceptent mal les padding et margin

Sujets relatifs
CSS - float: right; & position: fixed; ???	[résolu][CSS] Probléme avec... FF !
[CSS] Problème de largeur !	[CSS] correspondance entre taille du texte et realité sur l'ecran
[CSS] Comment optimiser le chargement des pages avec un menu fixe	MAP et CSS
[CSS] Bordure d'une image imaginaire	[CSS/JS] comment modifier tuto galerie photo sur alsacreations ?
Du flash dans mon code CSS
Plus de sujets relatifs à : CSS - les blocs float:left acceptent mal les padding et margin

Page générée en 0.050 secondes