---

CSS box-modellen opfattes forskelligt af ældre og nyere browsere. IE6
opfatter "width" korrekt, dvs. kun som den indre bredde, dvs. hele
boksen minus border, padding og margin. IE5 opfatter "width" ukorrekt,
nemlig som summen af indre bredde, border, padding og margin. Men nu
sidder jeg med en side hovr min IE 6 opffatter modellen på den forkerte
måde.

Det drejer sig om siden: www.dahr.dk/specialister.html Klik på et af
navnene. Den boks der så åbner skal gå ud til 5px fra den røde kant til
højre, dvs. den skal fylde cellen i hele sin bredde (542px). Boksen har
en border på 1px og padding på 5px, dvs width burde være 542-12px =
530px. Men hvis jeg angiver den sådan bliver den de 12px for smal i min
IE6, og det burde den ikke. Jeg har ingen problemer i NS6. Derfor har
jeg været nødt til at skrive width ud dynamisk: 542px (altså forkert)
for IE og 530px (korrekt) for NS. I kan selv se det i koden. Men her er
de relevante udpluk:

[Fra stylesheetet]
..oplysninger {
font-size: 8pt;
background-color: #f4f4f9;
border: thin dotted #999999;
padding: 5px;
position: static;
height: auto;
}

[Fra scriptet]
(document.all)?document.write('<style type="text/css"><!-- .oplysninger
{ width: 542px; } --></style>'):document.write('<style
type="text/css"><!-- .oplysninger { width: 530px; } --></style>');

[Fra html'en]
<div id="peterandersen" class="oplysninger" style="display:none;">
[og tilsvarende for alle de andre forekomster af .oplysninger]

Det vil jeg godt vil vide er hvorfor IE 6 opfatter siden forkert. Går
den i quirks-mode, og hvis den gør, hvorfor? Som sagt: ingen problemer i
NS6

/mik

---

"Mikael Aktor" <aktor789@hotmail.com> writes:

[IE's forkerte Box-model]
> Men nu sidder jeg med en side hovr min IE 6 opffatter modellen på
> den forkerte måde.

IE6 gør det rigtigt i standards mode og forkert i quirks mode. Skift
din DOCTYPE til noget der vælger standardsmode (enten brug Strict i
stedet for Transitional eller sæt en URL på).
/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

---

"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:bs1l4qj2.fsf@hotpop.com...

> IE6 gør det rigtigt i standards mode og forkert i quirks mode. Skift
> din DOCTYPE til noget der vælger standardsmode (enten brug Strict i
> stedet for Transitional eller sæt en URL på).
> /L

OK, du har ret. Når jeg sætter URL'en ind i doctype tag'et, altså
"http://www.w3.org/TR/html4/loose.dtd", så følger IE den korrekte box
model. Men også NS sig opfører sig så anderledes (og sikkert korrekt som
du siger). Og så opstår der et nyt problem. Tilsyneladende fylder
billeder mere i bunden og i toppen i NS - eller der er noget skjult
padding.

Se igen www.dahr.dk/specialister.html - Det skal være sådan at det
øveste billede til højre ("Specialister") skal stå helt nede på den røde
streg, dvs p'et i "Specialister" skal næsten røre stregen. Det gør det
også i IE6, men i NS føjes der altså nogle px til. Her er den relevante
kode:

<table cellpadding="0" cellspacing="0" border="0" width="612">
<tr>
<td width="64" height="22">&nbsp;</td>
<td width="135" height="22">&nbsp;</td>
<td width="413" height="22">&nbsp;</td>
</tr>
<tr>
<td valign="Bottom" width="64">&nbsp;</td>
<td align="Left" valign="Bottom" width="135"><img border="0"
src="images/DAHRlogodotsmall4.gif" alt="DAHR" width="135"
height="31"></td>
<td align="Right" valign="Bottom" width="413"><img border="0"
src="images/specialister2.gif" alt="Information om religioner og
religi&oslash;se forhold" width="172" height="26"></td>
</tr>
<tr>
<td width="64" height="3"></td>
<td colspan="2" width="548" height="3" bgcolor="#ff0033"></td>
</tr>
</table>

/mik

---

Hej Mikael


Mikael Aktor wrote:
> OK, du har ret. Når jeg sætter URL'en ind i doctype tag'et, altså
> "http://www.w3.org/TR/html4/loose.dtd", så følger IE den korrekte box
> model. Men også NS sig opfører sig så anderledes (og sikkert korrekt som
> du siger). Og så opstår der et nyt problem. Tilsyneladende fylder
> billeder mere i bunden og i toppen i NS - eller der er noget skjult
> padding.

Put style="display: block" på billederne i dine tabel-celler. Se i
øvrigt den tekniske forklaring hvorfor Netscape/Mozilla opfører sig som
den gør (helt efter standarderne iøvrigt) på:

http://devedge.netscape.com/viewsource/2002/img-table/


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *

---

"Stig Nygaard" <stig@REMOVE-THISrockland.dk> skrev i en meddelelse
news:3e46d0c4$0$212$edfadb0f@dread15.news.tele.dk...
> Hej Mikael
>
>
> Put style="display: block" på billederne i dine tabel-celler. Se i
> øvrigt den tekniske forklaring hvorfor Netscape/Mozilla opfører sig
som
> den gør (helt efter standarderne iøvrigt) på:
>
> http://devedge.netscape.com/viewsource/2002/img-table/
>

1000 tak Stig. Det var præcis hvad jeg havde brug for!
/mik