Formation Google AnalyticsSavez-vous bien utiliser les outils de mesure d'audience ?
Effectuez-vous un calcul de ROI (Retour sur investissement) pour savoir comment améliorer vos campagnes emarketing ?
Savez-vous utiliser les bons outils pour booster votre taux de transformation ?
La formation Web Analytics de Ranking Metrics, présentée par un expert reconnu officiellement par Google Analytics, vous apportera les réponses à toutes vos questions !
===> Informations et inscriptions.

[Résolu] Problème css avec des float

Poster un nouveau sujet Imprimer cette discussion    Forum -> Développement d'un site Web   Les dernières discussions de ce forum sont disponibles au format RSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
 
mikaweb
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 04 Juil 2007
Messages: 203

URL permanente de ce messagePosté le : Sam Aoû 11, 2007 21:40    Sujet du message: [Résolu] Problème css avec des float

Bonjour tout le monde,

J'ai un beau problème avec les float de mes pages web.

Pour expliquer brièvement le problème : J'ai 3 colonnes dans ma page web.
1 a droite avec un float left, une autre au centre avec un float left et une dernière à gauche avec aussi un float left. Elles sont comme je le désire, l'emplacement et tel que je le voulais au départ.

Le souci se présente sur toutes les pages utilisant cette sémantique, ce qui n'est pas le cas de chaque page.
Voici 2 exemples, visible que sur un naviguateur Firefox ou Opera, sous Ie sa fonctionne à ce qui parait

http://www.arsenal-fr.com/
Ce qui pose problème c'est en bas à gauche, le contenu se déporte du container et sort de la page ...

Même problème sur une page d'article mais cette fois-ci bien plus voyant et plus clair pour vous
http://www.arsenal-fr.com/news-15-arsenal-la-jeunesse-au-pouvoir.html

On m'a proposer d'enlever un min-height ou de mettre des overflow mais sans aucun succès.

Je suis assez désespéré de ces float, c'était bien plus facile avec les tableaux

Je remercie d'avance celui ou ceux qui tenteront de me donner un coup de main car là sa dépasse mes compétences et celles de mes amis...

Je viens de voir que mon problème serait assez semblable à cette solution mais je n'arrive pas à le faire correctement Embarassed
http://css.alsacreations.com/modeles/modele5.htm


Dernière édition par mikaweb le Sam Aoû 11, 2007 22:00; édité 1 fois
 
mikaweb Visiter le site web du posteur
bigjet
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 21 Nov 2004
Messages: 211

URL permanente de ce messagePosté le : Sam Aoû 11, 2007 21:54    Sujet du message: [Résolu] Problème css avec des float

Essaie de rajouter

<div style="clear:both"></div>

après la fin du troisième div.
 
bigjet Visiter le site web du posteur
mikaweb
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 04 Juil 2007
Messages: 203

URL permanente de ce messagePosté le : Sam Aoû 11, 2007 21:56    Sujet du message: [Résolu] Problème css avec des float

bigjet a écrit:
Essaie de rajouter

<div style="clear:both"></div>

après la fin du troisième div.

J'ai la permission de t'embrasser ? Laughing
 
mikaweb Visiter le site web du posteur
bigjet
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 21 Nov 2004
Messages: 211

URL permanente de ce messagePosté le : Sam Aoû 11, 2007 22:01    Sujet du message: [Résolu] Problème css avec des float

mikaweb a écrit:
bigjet a écrit:
Essaie de rajouter

<div style="clear:both"></div>

après la fin du troisième div.

J'ai la permission de t'embrasser ? Laughing


Laughing Je suis un fan de mu Wink


(En passant, j'ai un site sur mu, unitedredarmy.com, et si tu veux faire un échange de liens, contacte moi)
 
bigjet Visiter le site web du posteur
Seraph
WRInaute impliqué
WRInaute impliqué

Inscrit le: 02 Avr 2006
Messages: 396
Localisation: Nantes

URL permanente de ce messagePosté le : Sam Aoû 11, 2007 22:49    Sujet du message: [Résolu] Problème css avec des float

Si je peux me permettre... Une div n'est pas censée être vide ! Wink

Je te propose, pour remédier à cette erreur d'utilisation, de remplacer <div style="clear:both"></div> par :
<hr class="clear" />
et d'ajouter ça dans ton CSS :
hr.clear{clear:both;visibility:hidden;}


Ou remplacer directement par :
<hr style="clear:both;visibility:hidden;" />
Mais bon...
 
Seraph Visiter le site web du posteur
mikaweb
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 04 Juil 2007
Messages: 203

URL permanente de ce messagePosté le : Dim Aoû 12, 2007 0:26    Sujet du message: [Résolu] Problème css avec des float

bigjet a écrit:
mikaweb a écrit:
bigjet a écrit:
Essaie de rajouter

<div style="clear:both"></div>

après la fin du troisième div.

J'ai la permission de t'embrasser ? Laughing


Laughing Je suis un fan de mu Wink


(En passant, j'ai un site sur mu, unitedredarmy.com, et si tu veux faire un échange de liens, contacte moi)

On regarde cela par MP Wink

Seraph a écrit:
Si je peux me permettre... Une div n'est pas censée être vide ! Wink

Je te propose, pour remédier à cette erreur d'utilisation, de remplacer <div style="clear:both"></div> par :
<hr class="clear" />
et d'ajouter ça dans ton CSS :
hr.clear{clear:both;visibility:hidden;}


Ou remplacer directement par :
<hr style="clear:both;visibility:hidden;" />
Mais bon...

Bonsoir,

Ta solution ne fonctionne pas dans mon cas Wink
 
mikaweb Visiter le site web du posteur
 
Montrer les messages depuis:   
Revenir en haut    Forum -> Développement d'un site Web Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1 - 
Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

CLIQUEZ ICI pour vous inscrire à WebRankInfo (forum, annuaire, outils...)

Connexion

© 2001-2005 phpBB Group, support français
Personnalisation : WebRankInfo ™


 ODP  Firefox  Alsacreations  annuaire webmaster Yagoort