Bloc mal placé sous FF

Bloc mal placé sous FF - HTML/CSS - Programmation

Marsh Posté le 08-08-2005 à 18:59:46    

Bonjour, je dois surement vous demander un truc des plus bidon mais je flanche sur un point sur mon code CSS mon probleme se pose sous Firefox.
http://bibi35.free.fr/truc/
voila, j'ai 1 DIV avec 3 bloc en liste a l'interieur. jusque la ca marche.
Mais comme vous pouvez voir, j'ai inséré une phrase "je voudrais qu'il y ai un retour à la ligne pour cette phrase", et je voudrai que cela s'affiche en dessous de mon bloc DIV.
 
Sous IE, ça a l'air de marcher mais FF, ne veux pas lacher le morceau. Je ne vois pas mon probleme donc pourriez vous m'aider svp. Merci

Reply

Marsh Posté le 08-08-2005 à 18:59:46   

Reply

Marsh Posté le 08-08-2005 à 19:09:56    

Ben faut le mettre dans ton bloc pour l'inscrire dedans [:pingouino]
 


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-08-2005 à 19:11:26    

<p />
je voudrais qu'il y ai un retour à la ligne pour cette phrase
 
 
ouéé <p /> ca sors d'où ça ??
 
c'est  
 
<p>
je voudrais qu'il y ai un retour à la ligne pour cette phrase
</p>

Reply

Marsh Posté le 08-08-2005 à 19:14:36    

heu oui pour le <p>, me suis allez trop vite, mais je crois que je me suis mal exprimer.
Je veux que ma phrase sois en dehors de ce bloc
 
regarde mon CSS http://bibi35.free.fr/truc/style
tu vois que pour mes bloc UL, j'ai mis float:left afin que les list soit cote a cote.
mais dans le prolongement, si je met ma phrase, ba celle ci sera donc a droit de ma page.
 
tu saisi et tu préférerai que je face une screen trafiqué pour montré ce que je veux ?


Message édité par Badze le 08-08-2005 à 19:17:15
Reply

Marsh Posté le 08-08-2005 à 20:25:59    

clear:both

Reply

Marsh Posté le 08-08-2005 à 20:52:27    

impeccable, c'est exactement ça, je ne connaissai pas donc je pouvais toujours courir.
 
Autrement j'avais une autre solution mais ca m'oblige a mettre un height: 220px; dans mon DIV, ce qui me bloquai quand meme car le nombre d'élément dans mes liste seront aléatoires, donc ca flanchais un peu aussi.

Reply

Marsh Posté le 08-08-2005 à 21:26:09    

bon en fait il est pratique d'utilisé clear:both si je viens a placer qu'un seul élément apres, le truc est que si je veux faire un margin-top: 30px; dans mon 2eme DIV (class="corps2" )
ba c'est le DIV corps qui est modifié.
 
Donc il faut que je revienne sur la solution que j'ai dit précedement. Il faut que je mette une valeur height pour mon 1er bloc.
 
donc comment puis je faire pour que mon height de mon DIV (class="corps" ) prenne de facon automatique la hauteur sans mettre une valeur prédéfini par moi meme qui est height:230px
 
http://bibi35.free.fr/truc/
http://bibi35.free.fr/truc/style


Message édité par Badze le 08-08-2005 à 21:27:57
Reply

Marsh Posté le 08-08-2005 à 21:36:19    

Tu devrais lire AMHA un article (en 2 parties) d'Openweb:
Initiation au positionnement CSS : 1.flux et position relative
Initiation au positionnement CSS : 2.position float
 
Si j'ai bien compris ton problème, la fin te dit comment le résoudre. Mais la lecture du tout et sa compréhension te servira tout le temps.
 
 
EDIT: ou bien Modèles de mise en page en CSS - Alsacréations


Message édité par phosphorus68 le 08-08-2005 à 21:43:48
Reply

Marsh Posté le 08-08-2005 à 21:53:17    

heu au passage, si c'est pour un corps de page, utilise plutot des id que des class, c'est mieux au niveau de l'utilisation

Reply

Marsh Posté le 09-08-2005 à 04:43:09    

merci pour ces liens j'ai a peux pret bien tout lu mais ca ne répond que tres partielement a ce que je veux.
l'utilisation du clear:both est tres bien mais mon gros probleme viens que celui est en référence avec le bloc précédent.
 
voici un synthese en image
http://bibi35.free.fr/truc/
http://bibi35.free.fr/truc/style
 
vous pouvez constater que j'ai 3 bloc <UL> qui sont aa bb cc qui sont a l'interieur du bloc "corps".
 
mon probleme viens de "ddd", comme je lui est attribué clear:both, ba celui ci reste en relation avec le bloc "CC",
ce qui veux dire que quand je fais margin-top: 30px; pour mn bloc "ddd", ba j'ai un déplacement de 30px par rapport au bloc "CC", cela engeandre une deformation pour ma mise en forme sanchant que je fais une page dynamique php.
J'aurai voulu que margin-top: 30px; soit utilisé par rapport au gros bloc CORPS.
 
donc y a til un truc afin de consolider ce bloc CORPS ?
 
merci
 

Reply

Marsh Posté le 09-08-2005 à 04:43:09   

Reply

Marsh Posté le 09-08-2005 à 05:02:42    

bon j'ai trouver grace a display: table-cell;
ça marche, mais bon, je ne suis pas convaincue qu'il n'y ai que ça comme possibilité.

Reply

Sujets relatifs:

Leave a Replay

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