[FireF.]Bordure de bloc n'allant pas jusqu'au bout (contenu insécable)

Bordure de bloc n'allant pas jusqu'au bout (contenu insécable) [FireF.] - HTML/CSS - Programmation

Marsh Posté le 06-10-2006 à 10:17:19    

Salut,
 
Je pense que ce genre de question doit souvent revenir, et que sa réponse, si elle existe est simple, mais je n'ai pas réussi à trouver de réponse.
 
Voilà rapidement le problème:
 
Sous Firefox, lorsque j'ai un bloc donc le contenu est insécable, et qui va donc générer une scrollbar horizontal, la bordure et la couleur de fond du bloc ne vont pas jusqu'à l'extêmité droite de la page mais se limite à la zone client, ce qui fait que quand je défile sur la droite, une partie de mon bloc n'est pas couverte.
 
Voici pour essai le code incriminé:
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <body>
  <div style="border: 1px solid black; background-color: red;">
   HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello
  </div>
 </body>
</html>


 
Que puis-je faire pour palier à ce problème sous Firefox? (OK sous IE)

Reply

Marsh Posté le 06-10-2006 à 10:17:19   

Reply

Marsh Posté le 09-10-2006 à 12:05:26    

Alors?
 
Pas d'idées?
 
Peut-être qu'une image rendra votre réflexion meilleure?:
 
http://img154.imageshack.us/img154/4483/ffbugds7.jpg

Reply

Marsh Posté le 09-10-2006 à 20:44:10    

tu peux régler le problème provisoirement soit en lui même un display:table, soit un display:-moz-inline-box
 

Reply

Marsh Posté le 10-10-2006 à 23:00:25    

oki, merci à vous deux.
 
Je suis donc obligé d'utiliser soit une <table> soit une "vieille" feinte CSS :/

Reply

Marsh Posté le 10-10-2006 à 23:17:50    

Yoyo@ a écrit :

oki, merci à vous deux.
 
Je suis donc obligé d'utiliser soit une <table> soit une "vieille" feinte CSS :/


ptain :/
qui t'a parlé d'un tableau :o
Je t'ai parlé d'un display:table, au lieu du display:block tu mets : display:table ou bien display:moz-inline-box, ça règlera ton pb provisoirement :o

Reply

Marsh Posté le 11-10-2006 à 08:58:07    

gatsu35 a écrit :

ptain :/
qui t'a parlé d'un tableau :o
Je t'ai parlé d'un display:table, au lieu du display:block tu mets : display:table ou bien display:moz-inline-box, ça règlera ton pb provisoirement :o


 
Allez, un peu de retenue STP. Si tu lis les posts plus hauts, tu verras qu'il y a eu en tout deux conseils:
-celui de chercheinfos (et c'est pour ça que je fais référence à un tableau)
-le tien (et c'est pour ça que je fais référence à une "feinte" CSS)
 
Hmmmmmmmmmmmmmm

Reply

Marsh Posté le 17-10-2006 à 17:00:16    

Bon, pour info, le display:moz-inline-box ne marche pas chez moi...
 
Seule le display: table marche. (ce qui en soit est largement suffisant ;) )

Reply

Marsh Posté le 17-10-2006 à 17:03:24    

display:-moz-inline-box, :/

Reply

Marsh Posté le 17-10-2006 à 17:27:56    

Je vonfirme....ça marche ;) Merci.

Reply

Sujets relatifs:

Leave a Replay

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