| |
Savez-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.
|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
mikaweb WRInaute occasionnel

Inscrit le: 04 Juil 2007 Messages: 203
|
Posté 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
http://css.alsacreations.com/modeles/modele5.htm
Dernière édition par mikaweb le Sam Aoû 11, 2007 22:00; édité 1 fois |
|
| |
|
 |
bigjet WRInaute occasionnel

Inscrit le: 21 Nov 2004 Messages: 211
|
Posté 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. |
|
| |
|
 |
mikaweb WRInaute occasionnel

Inscrit le: 04 Juil 2007 Messages: 203
|
Posté 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 ?  |
|
| |
|
 |
bigjet WRInaute occasionnel

Inscrit le: 21 Nov 2004 Messages: 211
|
Posté 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 ?  |
Je suis un fan de mu
(En passant, j'ai un site sur mu, unitedredarmy.com, et si tu veux faire un échange de liens, contacte moi) |
|
| |
|
 |
Seraph WRInaute impliqué

Inscrit le: 02 Avr 2006 Messages: 396 Localisation: Nantes
|
Posté 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 !
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... |
|
| |
|
 |
mikaweb WRInaute occasionnel

Inscrit le: 04 Juil 2007 Messages: 203
|
Posté 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 ?  |
Je suis un fan de mu
(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
| Seraph a écrit: |
Si je peux me permettre... Une div n'est pas censée être vide !
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  |
|
| |
|
 |
| |
|
|
|
|
Autres sujets de discussion :
|
|