---

Jeg har endnu engang stirret mig blind på en smule css der ellers burde
være ret nem og ligetil. Er der nogen der kan forklare mig hvorfor
følgende kode:

   border: 1px solid black;
   background-color: #666666;
   width: 130px;
   height: 3px;
   margin-right: auto;
   margin-left: auto;

I Firefox viser mig det jeg ønsker, nemlig en 3px høj boks, men i IE
viser mig en omtrent 20px høj boks? Og hvad kan jeg gøre ved det?

Siden kan ses på http://www.gooferd.dk/test/index.html

På forhånd tak.

------
Anders

---

on 25-01-2005, Anders supposed :
> Jeg har endnu engang stirret mig blind på en smule css der ellers burde være
> ret nem og ligetil. Er der nogen der kan forklare mig hvorfor følgende kode:
>
>    border: 1px solid black;
>    background-color: #666666;
>    width: 130px;
>    height: 3px;
>    margin-right: auto;
>    margin-left: auto;
>
> I Firefox viser mig det jeg ønsker, nemlig en 3px høj boks, men i IE viser
> mig en omtrent 20px høj boks? Og hvad kan jeg gøre ved det?

Det må jeg nok sige. Jeg kan heller ikke få IE til at vise en boks på
3px høj sådan lige.
Eneste udvej jeg lige har fundet er at lægge en 1x1px transparent .gif
ind i boxbot-div'en.
Altså noget med:

<div class="boxbot"><img src="trans.gif" width="1" height="1" alt=""
/></div>

--
Benny

---

Benny Nissen wrote:
> Eneste udvej jeg lige har fundet er at lægge en 1x1px transparent .gif
> ind i boxbot-div'en.
> Altså noget med:
>
> <div class="boxbot"><img src="trans.gif" width="1" height="1" alt=""
> /></div>

Tak for dit svar. Den "gode" gamle layout-gif er selvfølgelig en
mulighed, men jeg håbede nu på en løsning hvor jeg ikke behøver "snyde",
for IE's skyld. :)

------
Anders

---

Anders laid this down on his screen :
> Benny Nissen wrote:
>> Eneste udvej jeg lige har fundet er at lægge en 1x1px transparent .gif ind
>> i boxbot-div'en.
>> Altså noget med:
>>
>> <div class="boxbot"><img src="trans.gif" width="1" height="1" alt=""
>> /></div>
>
> Tak for dit svar. Den "gode" gamle layout-gif er selvfølgelig en mulighed,
> men jeg håbede nu på en løsning hvor jeg ikke behøver "snyde", for IE's
> skyld. :)

Ja klart, men det ser ud til, at der i dit tilfælde SKAL være noget
indhold i div'en. Et mellemrum vil også blive for højt, så derfor
valgte jeg en gif.

--
Benny

---

On Tue, 25 Jan 2005 16:57:07 +0100, Anders <dont@mail.me> wrote:

>Jeg har endnu engang stirret mig blind på en smule css der ellers burde
>være ret nem og ligetil. Er der nogen der kan forklare mig hvorfor
>følgende kode:
>
>   border: 1px solid black;
>   background-color: #666666;
>   width: 130px;
>   height: 3px;
>   margin-right: auto;
>   margin-left: auto;
>
>I Firefox viser mig det jeg ønsker, nemlig en 3px høj boks, men i IE
>viser mig en omtrent 20px høj boks? Og hvad kan jeg gøre ved det?

Hej Anders

Det er en af IE's særheder.

Sæt denne ind i div.boxbot

font-size: 1px;

--
Thomas Jari
http://www.altwebdesign.dk

---

Thomas wrote:
> Sæt denne ind i div.boxbot
>
> font-size: 1px;

Af uforklarlige årsager har du ret. Den holder vand. Tak skal du have.
De må have lagt sidste hånd på IE umiddelbart efter Microsoft holdt
julefrokost, tror I ikke?

------
Anders