div et depassement avec float

div et depassement avec float - HTML/CSS - Programmation

Marsh Posté le 11-06-2007 à 12:34:55    

Voila j'ai ca :
 
http://img515.imageshack.us/img515/3049/gnanm1.jpg
 
Je voudrais que la partie infos commerciales soit en dessous du nouveau produit.
 
J'ai un code de la forme :
 
 
<div class=conteneur>
<form 1>
<ul>
<li><div nouveau prod></div></li>
plein de divs vides ( ou pas, mais quand il sont vides le but c'est que ca ne prenne pas de place, et ca en prends sous ie )
<li><div infocomm></div></li>
</form>
<div>
 
 
Je donne juste un schéma du code, il est assez complexe a comprendre, et la c'est juste une question de css.
 
Le div info comm depasse du div principal.
 
le div principal a une largeur fixe, 620px
 
et tous les autres divs de div conteneur sont en float: left;
 
sous ie ca marche bien, mais pas sous ff ( apparmenet ca serait un bug ie.. donc je vais pas laisser ca comme ça.)
 
Donc le but c'est de pouvoir mettre les divs en float, afin de ne pas les afficher quand ils sont vides, et pourtant de ne pas depasser ce foutu conteneur.

Reply

Marsh Posté le 11-06-2007 à 12:34:55   

Reply

Marsh Posté le 11-06-2007 à 13:04:00    

Des DIV dans des LI ? [:mlc]
Un UL pas fermé ...
 
Et pour un truc comme ça j'ai du mal à voir l'intérêt des float partout en fait :/


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 11-06-2007 à 13:29:40    

le ul est bien fermé normalement.
les li c'est la pour organiser les fdiv les uns par rapport aux autres, sans me faire chier avec des histoire de padding, et c'est pas htmlment incorrect je pense.
L'interet des float, c'est d'eviter les blanc que laissent les divs.
Si je met pas de float, les 5 divs en dessous de nouveau produit laissent une ligne vide, et ca fait moche.
C'est exclu d'enelver ces divs.
Comment je peux faire?


Message édité par Decapfour le 11-06-2007 à 13:44:58
Reply

Marsh Posté le 11-06-2007 à 14:16:53    

eleve la liste, tu l'utilise mal.
fais un display: block sur le div nouveau produit, je pense que ça suffira


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
Reply

Marsh Posté le 11-06-2007 à 14:35:16    

et j'organise comment mes formulaires?
je ne peux pas faire de tableaux ca c'est sur. ( testé )
 
J'ai toujours le problème de l'epacement des div.
Pourquoi le retour a la ligne s'affiche alors qu'ils sont vides???
Un div ca ne doit pas changer l'affichage normaklement.
Et ca ne le fait que sur ie, c'est agaçant :/

Reply

Marsh Posté le 11-06-2007 à 14:50:09    

Personne?

Reply

Marsh Posté le 11-06-2007 à 15:07:28    

display block; on enleve les listes devant les div et c'est bon.

Reply

Marsh Posté le 11-06-2007 à 17:08:48    

zecrazytux a écrit :

eleve la liste, tu l'utilise mal.
fais un display: block sur le div nouveau produit, je pense que ça suffira


 
ben, ouai...


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
Reply

Marsh Posté le 11-06-2007 à 17:21:16    

Tu dois revoir les base du html, regarde du coté des balises fieldset, label.
http://www.smashingmagazine.com/20 [...] solutions/

Reply

Marsh Posté le 11-06-2007 à 17:27:42    

zecrazytux a écrit :

eleve la liste, tu l'utilise mal.
fais un display: block sur le div nouveau produit, je pense que ça suffira


 
Un DIV c'est déjà du block


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 11-06-2007 à 17:27:42   

Reply

Marsh Posté le 11-06-2007 à 17:44:26    

Moi je mettrais pas les float:left et pour les div vides, tu peux les mettre en display:none ou ça pose un problème ?

Reply

Marsh Posté le 11-06-2007 à 22:58:20    

Dj YeLL a écrit :

Un DIV c'est déjà du block


yes c'est vrai
par contre ça heritait pas de la liste dans ce cas là ?


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed