CSS, probleme de clear:both ?

Consultez la formation au REFERENCEMENT naturel Google de WebRankInfo / Ranking Metrics

DISCRET
WRInaute discret
WRInaute discret
 
Messages: 185
Inscription: 18 Oct 2004

Message le Mar Mai 17, 2005 17:00

pourquoi tu ne met pas une marge-left par exemple de 170px; à #centre ?

rtb
WRInaute passionné
WRInaute passionné
 
Messages: 1065
Inscription: 14 Nov 2004

Message le Mar Mai 17, 2005 17:02

netsys a écrit:Voir tout à la fin de la page http://www.openweb.eu.org/articles/initiation_float/

biene t claire les explications, mais ca correspond presque a ce ou j'en suis maintenant et le probleme est toujours avec la colonne qui passe au dessous... difference entre IE et FF ca j'avais bien cru remarqué,c'est vraiment penible !!!, y'a pas une technique pour passer ce probleme ?

netsys
WRInaute passionné
WRInaute passionné
 
Messages: 1113
Inscription: 17 Juil 2004

Message le Mar Mai 17, 2005 17:08

IE et FF n'interprete pas de la même maniere, c'est un fait !
Quand t'a un elt bloc avec un float dans un autre elt de type bloc la hauteur de l'element conteneur n'est pas spécifié sauf si il est lui meme assicié aun float ( et c'est ce qu'affiche FF)

Jderamaix
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 322
Inscription: 15 Fév 2005

Message le Mar Mai 17, 2005 17:11

Ta colonne passe en dessous quand tu as plus de longueur dans tous tes éléments additionnés que dans l'espace imparti.

D'ailleurs, tu verras sur IE que c'est légèrement différent : seule ta colonne de droite est en bas.

Mon conseil est de virer tous les margin, padding et borders sur tes 3 blocs. Si déjà là, ça marche tu sais où ça pêche !

Pour palier ce merdier, personnellement, j'imbrique des divs si nécessaire... Oui, je sais, c'est nul.

++

netsys
WRInaute passionné
WRInaute passionné
 
Messages: 1113
Inscription: 17 Juil 2004

Message le Mar Mai 17, 2005 17:11

Et cette page ca t'arrange mieux ? http://css.alsacreations.com/Modeles-de ... age-en-CSS
Bon courage

rtb
WRInaute passionné
WRInaute passionné
 
Messages: 1065
Inscription: 14 Nov 2004

Message le Mar Mai 17, 2005 17:18

netsys a écrit:Et cette page ca t'arrange mieux ? http://css.alsacreations.com/Modeles-de ... age-en-CSS
Bon courage

C'est celle qui m'a permi de demarrer ce modele ;) par contre openweb, je vais explorer ca semble etre un mine aussi ;-) merci a toi.
Imbriquer des div, pas bete, je vais faire des essais ce soir
Merci pour votre aide en tout cas, vraiment actifs les membres de WRI ;-)


krAsh
WRInaute discret
WRInaute discret
 
Messages: 102
Inscription: 2 Fév 2005

Message le Mer Mai 18, 2005 10:20

J'ai à peu près le même problème que toi...
Sur mon site en 3 colonnes (float, center, float), j'ai une image flottante au centre et dès que je fais un clear: both pour passer en dessous de l'image... je me retrouve en dessous de mes 2 colonnes :(

Voilà je suis donc toujours à la recherche d'un truc "propre" pour régler ça ... :wink:

rtb
WRInaute passionné
WRInaute passionné
 
Messages: 1065
Inscription: 14 Nov 2004

Message le Mer Mai 18, 2005 13:06

tu peux essayer avec un pixel width="100%", ca marche chez moi sauf que ca me colle un bug au niveau de l'affichage de l'article sous IE, celui-ci devient invisible, plus ou moins.... si tu fais le test et que ca colle fait le moi savoir, c'est que le bug chez moi aura une autre origine.
merci


krAsh
WRInaute discret
WRInaute discret
 
Messages: 102
Inscription: 2 Fév 2005

Message le Mer Mai 18, 2005 20:34

Ca à l'air de bien fonctionner pour moi... J'ai pris un width de 90 % parce que ça n'allait pas à 100 %.
Va voir sur le site ds mon www, les pixels sont entre chaque images centrales et son url en dessous... Dis moi si tu vois quelque chose qui va pas

rtb
WRInaute passionné
WRInaute passionné
 
Messages: 1065
Inscription: 14 Nov 2004

Message le Jeu Mai 19, 2005 7:35

J'ai regardé sous IE et FF, ca colle sans probleme, t'as ta soluce ;).
Moi j'ai encore un bug d'affichage sous IE, en bas de page, lors que tu scrolles, les div deviennent partillement transparent, la transparence evolue avec le scroll....
Si quelqu'un a une idée ...
La page -http://www.landes-tourisme.info/modele.php


krAsh
WRInaute discret
WRInaute discret
 
Messages: 102
Inscription: 2 Fév 2005

Message le Jeu Mai 19, 2005 9:21

Bah merci à toi pour la soluce ;)

Pour ton problème, je vois pas comment faire. Il me semble que j'avais le même problème qd j'utilisais un float: right sur ma partie "centre" et en utilisant le 'clear: both;'... J'avais en fait la couleur background de ma partie gauche qui passait à certains endroits dans "centre".

Le jour où les browsers suivront tous le même standard ...

CSS, probleme de clear:both ?

Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation REFERENCEMENT naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: jolm et 2 invités