Avatar billede deshibel Nybegynder
29. juni 2005 - 09:46 Der er 4 kommentarer

CSS height rendering @ IE?

Hey dudes

Er løbet på et lidt underligt problem med mit markup, i IE.
Siden renderes perfekt i Firefox, og til dels også i IE, dog er der en enkelt klasse som fucker helt up i IE - klassen er .redline, som i alt sin enkelthed tegner en 5px streg.

- Denne streg er af uransaglige årsager 20px høj i IE, og jeg er helt lost.

Koden er flg;

CSS:
.redline {
    width: 755px;
    height: 5px;
    background: #C4161C; }

XHTML:
        <div class="redline"></div>


I kan se hele skidtet in action @ http://hestesportsmessen.dk/dev/

- På forhånd tak :)
Avatar billede mm12010 Nybegynder
29. juni 2005 - 10:11 #1
- du bør efter min bedste overbevisning ikke bruge tomme tags

- hvorfor ikke bruge <hr /> og så style den?

- eller sætte line-height:5px; på din klasse og så indsætte et &nbsp;

- sæt en gennemsigtig gif ind med height:5px;

- <?xml version="1.0" encoding="iso-8859-1"?> sætter IE i quirksmode så den ikke overholde standarderne


og lidt interessant læsning:
http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538
Avatar billede notes2c Nybegynder
29. juni 2005 - 10:15 #2
Sæt font størrelsen:

.redline {
    width: 730px;
    height: 5px;
    background: #C4161C;
    font-size: 0px; /* Indsæt */
}
Avatar billede roenving Novice
29. juni 2005 - 12:16 #3
Sæt font-størrelse _og_ line-height til 0, hvis du vil kontrollere højden på en div i mindre højde end normal linjehøjde:

line-height:0;
font-size:0;
Avatar billede olebole Juniormester
29. juni 2005 - 16:43 #4
<ole>

Du skal nok lægge godt mærke til, hvad mm12010 skriver. For det første disabler du selv med din XML-prolog brugen af CSS i IE6.

Dernæst server du siden som ren HTML, hvilket gør, at din side aldrig parses som XHTML, men som dårlig, fejlfyldt HTML4 (prøv at læse de to artikler - og du vil finde udaf, hvor ubrugelig XHTML er for tiden ... samt at der ingen fremtidssikring ligger i brugen af de nuværende XHTML-versioner).

Prøv i øvrigt at gøre browser-vinduet lille med din side loaded. Sker det, er der ikke andet at gøre, end at lukke browseren ... IE's JS-fejl gør, at browseren ikke kan genskabes i en en brugbar størrelse.
Det er _altid_ en dårlig idé at basere sit design/layout på script. I stedet bør man bruge de elementer, der på bedste måde løser ens design-opgave.

I dit tilfælde er det helt tydeligt tabellen, der bør komme i spil. Det er jo det eneste element, der har de specielle egenskaber, du skal bruge - og så kan det kun resultere i dårlig kode, hvis du prøver at strikke andre og uegnede elementer sammen, så de delvist efterligner et tabel-element.

Jeg ved godt, der florerer en helt misforstået tabel-o-fobi på WWW, men den stammer fra folk, der ikke har forstået det første af, hvad W3C arbejder med - og hvorfor.
At rigtig mange tilslutter sig disse misforståelser og hellere skriver dårlig kode end gå imod fjollede modefænomener, gør ikke misforståelserne mere rigtige  :)

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester