/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
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
Firefox vs. IE igen igen
Fra : Anders


Dato : 25-01-05 16:57

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

 
 
Benny Nissen (25-01-2005)
Kommentar
Fra : Benny Nissen


Dato : 25-01-05 18:21

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


Anders (25-01-2005)
Kommentar
Fra : Anders


Dato : 25-01-05 19:01

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

Benny Nissen (25-01-2005)
Kommentar
Fra : Benny Nissen


Dato : 25-01-05 19:15

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


Thomas (25-01-2005)
Kommentar
Fra : Thomas


Dato : 25-01-05 22:04

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

Anders (26-01-2005)
Kommentar
Fra : Anders


Dato : 26-01-05 10:26

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste