Espace indésirable avec width sous IE

Espace indésirable avec width sous IE - HTML/CSS - Programmation

Marsh Posté le 07-02-2005 à 16:28:00    

lu all  :)  
 
 
Bon voila le CSS :
 

Code :
  1. #mid {
  2.   margin-top: 90px;
  3.   margin-left: 280px;
  4.   margin-right: 10px;
  5.   border: 1px solid white;
  6. }
  7. #page {
  8.   width: 100%;
  9.   border: 1px solid white;
  10.   text-align: justify;
  11.   background: #800000;
  12.   filter:alpha(opacity=80); /* pour IE */
  13.   -moz-opacity:0.8; /* pour Mozilla */
  14.   opacity: 0.8; /* CSS3 (donc Firefox entre autres...) */
  15. }


 
et le html :
 

Code :
  1. <div id="mid">
  2.   <div id="page">
  3.     <p>blabla</p>
  4.   </div>
  5. </div>


 
bon déja mon prob ne concerne que IE... quand je met le 100% (et j'en ai besoin pour que la transparence soit effective sous ce foutu IE) la div #page "passe à la ligne", un peu comme si elle avait un margin-top:200px;  :??:  
 
et en faite quand je met le width à 90% je m'appercois qu'il ya un petit espace entre les deux bordure gauche de #page et #mid et bien sur j'arrive pas à le retirer (left:0px;, margin-left:0px)
 
jsé pas si vous vusualisez ?  :sweat:  (mon site est pas on line)

Reply

Marsh Posté le 07-02-2005 à 16:28:00   

Reply

Marsh Posté le 07-02-2005 à 16:54:46    

en effet, en l'absence de valeur fournie par le CSS les blocs ont en général des marges (margin et padding) par défaut non nulles est variables selon le navigateur...
 
essai en ajoutant :
margin: 0;
padding: 0;
dans les propiétés de #page


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 07-02-2005 à 16:57:24    

Aussi, une dimension en pourcentages est calculées par rapport au premier parent donc la dimension est connue. Dans ton cas, IE regarde si #mid a une width explicite, mais n'en trouve pas. Donc il va voir le parent de #mid, qui n'est autre que body. Du coup ton #page va faire la taille de la fenêtre...

Reply

Marsh Posté le 07-02-2005 à 17:06:28    

margin et padding à zéro j'ai déja test, mais j'ai re-test au cas ou et toujours pas :D
 
et florenG => heu mon #page prend la taille du parent #mid (c 'est l'effet recherché :)) à part ce petit espace de quelques px à gauche...


Message édité par Dr Raf le 07-02-2005 à 17:07:03
Reply

Marsh Posté le 07-02-2005 à 17:40:22    

C'est la misère ya rien a faire :'(
 
left, text-align, margin, padding, ...

Reply

Marsh Posté le 07-02-2005 à 18:08:39    

J'ai déjà eu le même souci, ça marche nickel sur Opera et Firefox, pouf tu passes sur IE et là c'est le drame...
J'ai jamais trouvé comment faire :(

Reply

Marsh Posté le 07-02-2005 à 18:09:40    

blaz mode  :sweat:  
 
bon spa grave j'ai fait autrement. merci quand même  :jap:


Message édité par Dr Raf le 07-02-2005 à 18:10:01
Reply

Sujets relatifs:

Leave a Replay

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