28173 sujets

CSS et mise en forme, CSS3

[Résolu - 50%] Pourtant très simple, alignement de div-css (ie)

Bonjour,

Aligner deux div horizontalement, tous ce qu'il y a de plus simple me direz vous ? Il suffit de définir pour le div gauche une largeur et un float left, et pour celui de droite une marge gauche de la taille du div gauche.

C'est ce que j'ai fait ici, pas de problèmes avec firefox, mais ie n'en fait qu'à sa tête !

-http://www.graphiques-kits.com/index2.php

Avec ie le contenu du div gauche est caché !
Pourquoi ??

Merci d'avance Smiley lol
Modifié par guicara (10 Apr 2007 - 20:38)
Bonjour,

#left_contenu {
	background: url(http://www.graphiques-kits.com/inc/template/left_contenu.jpg) repeat-y;
	padding-left: 44px;
    padding-right: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
	position: relative;
	height: 1%;
}


Devrait à vu de nez régler ton problème ... A si il n'y avait pas IE !!!
Merci je vais voir çà de suite !

Et oui si seulement il n'y aurait pas IE !!
Non, le monde serait trop simple, il faut bien une part de difficulté Smiley biggrin

Edit : Tous marche très bien !
Mais pourquoi appliquer ce 1%, IE est vraiment si mal foutu ?
Modifié par guicara (09 Apr 2007 - 20:52)
Re,

Juste un concept un peu particulier assez nébuleux propre à IE 6 et <, le haslayout combiné avec une position float qui procure des effets inattendus ...
Blog &blues
Excusez moi mais en faite çà ne marche qu'a moitié !

En effet sur ma page d'index tous marche pour le mieux (graphiques-kits.com) mais quand par exemple je vais sur la fiche d'un kit graphique, ex ici :

-http://www.graphiques-kits.com/kits/fiche-83.html

http://zea.yoopix.org/thmb/1176230189/13109246/55/ie-a-la-con.png

le height: 1%; fait buger tous l'affichage !

Pourquoi donc ???

J'ai retiré le height: 1%; pour l'instant pour permettre à mes visiteurs de visualiser le contenu de mon site (hormis la page d'accueil bien sur)

-------
Edit : le pourquoi du comment n'est pas résolu, mais en attendant, le height 1 % ne s'applique pas au div de contenu de la page fiche (normalement left_contenu, j'ai mis left_contenu_fiche) Smiley smile
Modifié par guicara (10 Apr 2007 - 20:33)
Re,

Dis moi, il n'y rien qui te gène là ?

div#fiche-detail_gauche {
	float: left;
	width: 170px;
	margin:0px;
	border-right: 1px dashed #C0C0C0;
	position:absolute;
}


Regardes bien 2em et dernière ligne

Et avant tout, page d'accueil 41 erreurs au validateur, page fiche 37 pour le html c'est vraiment pas glop !! Au boulot...
A oui effectivement a force de tous toucher à mon css c'est devenu un beau fouillis, faut que je revoie tous çà et faire un peut de tris parmi ces 700 lignes.

Merci ghost, problème résolu !

Je vais aussi retravailler pour éliminer ces "quelques" erreurs, mais de toutes façon tant que le site est accessible pour l'ensemble des navigateurs, je ne cherche pas à ce que mon code soit 100 % valide
Re,

Je te parle du html, si il est non valide parce que tu as des erreurs de syntaxe, soit ! Mais des <div> non fermé ou autres ça peut être plus gênant pour la portabilité d'un navigateur à l'autre ...
ghost a écrit :
Re,

Je te parle du html, si il est non valide parce que tu as des erreurs de syntaxe, soit ! Mais des <div> non fermé ou autres ça peut être plus gênant pour la portabilité d'un navigateur à l'autre ...


Ok merci.
J'aurais du travail pour ces prochaines vacances,
Sujet clos
Aller à