/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
XHTML, Div og marginer
Fra : ellersgaard
Vist : 270 gange
20 point
Dato : 25-08-04 13:53

Jeg sidder og roder med et layout i XHTML 1.0 Transitional. Men det er nyt for mig, og jeg er ikke helt klar over hvad der giver den ekstra margin under det tre indholdsfelter i venstre spalte. Det opstår kun i IE6 og ikke i Mozilla og Netscape.

Et bud på hvad jeg kan gøre for at undgå det/hvad jeg gør forkert?

Siden ligger her: http://www.ellersgaard.dk/default_02.html

 
 
Kommentar
Fra : molokyle


Dato : 25-08-04 22:00

Mon ikke det er dette der 'fylder' :

Kode
<div id="menubox"><img src="images/input.gif" alt="input" border="0" />
   </div>


..der er et extra mellemrum = 'whitespace', der evt. kunne tolkes som et tegn før </div>

Flot kode ellers

Blot et gæt

</MOLOKYLE>

Kommentar
Fra : ellersgaard


Dato : 25-08-04 23:16

Nej - det var ikke det.

Som du kan se (nu), opstår problemet først når jeg sætter "bundstykket" på indholdsfelterne...

Meget mystisk - sikkert en bug i IE6 ;)



Kommentar
Fra : molokyle


Dato : 26-08-04 06:08

Hmm... kan ikke helt gennemskue din css, men synes da lige du skal have dette link : http://www.webdesign101.dk/xhtml/css/csslayout/index.php

</MOLOKYLE>

Kommentar
Fra : cdndk


Dato : 26-08-04 22:36


Jeg tror det er padding i nogle af dine boxe som driller IE.

Prøv eventuelt at korrigere som nedenfor. Værdierne med minus kan du eventuelt selv finjustere.


/* OBS jeg har rettet margin */
#contentbox {
   float : right;
   padding : 0 0 25px 2px;
   margin : 25px 0 -55px 0;
   border-left : 1px solid #000;
   /*background: #e3e3e3;*/
   width : 503px;   /* false IE4-5.x/Win value */
   voice-family : "\"}\""; /* the box hack */
   voice-family : inherit;
   width : 500px;   /* the true value */
}

/* OBS jeg har indsat body og margin */
html>body #contentbox {
   width : 500px; /* be nice to Opera */
   margin : 25px 0 0 0;


/* OBS jeg har rettet margin */
#footerbox {
   position:relative;
   float : right;
   margin: 0 0 -25px 0;
   border-top : 1px solid #000;
   padding : 2px 0 0 0;
   /* border-top : 1px solid #000;*/
   width : 503px;   /* false IE4-5.x/Win value */
   voice-family : "\"}\""; /* the box hack */
   voice-family : inherit;
   width : 503px;   /* the true value */

}
/* OBS jeg har indsat body og margin */
html>body #footerbox {
   width : 503px; /* be nice to Opera */
   margin: 0;
}

Kommentar
Fra : ellersgaard


Dato : 27-08-04 09:42

Det har tilsyneladende ikke nogen effekt. Jeg har også prøvet, at sætte padding til en negativ værdi uden held.

Men hvis jeg fjerner en af footer-boxene så optræder der ingen mellemrum, så det ER helt sikkert her hunden ligger begravet...

Kommentar
Fra : molokyle


Dato : 27-08-04 09:50

..eller her : http://www.doxdesk.com/software/js/position.html

Dette script retter nogle kendte bug's i IE.

</MOLOKYLE>

Du har følgende muligheder
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
Søg
Reklame
Statistik
Spørgsmål : 177674
Tips : 31970
Nyheder : 719565
Indlæg : 6409810
Brugere : 218896

Månedens bedste
Årets bedste
Sidste års bedste