/ 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
Docktype?
Fra : Rune Thougaard


Dato : 20-08-05 16:52

Når jeg har:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

og en div med en højde på 100% bliver den ikke 100%, men hvis jeg fjerner
docktype, bliver den 100% høj.
Jeg vil helst bibeholde min docktype, men hvordan laver jeg så en højde på
100% ?

Rune.



 
 
Christoffer (20-08-2005)
Kommentar
Fra : Christoffer


Dato : 20-08-05 17:25


"Rune Thougaard" <rune@rtk-design.dk> skrev i en meddelelse
news:430751b9$0$82746$edfadb0f@dread15.news.tele.dk...
> Når jeg har:
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
>
> og en div med en højde på 100% bliver den ikke 100%, men hvis jeg fjerner
> docktype, bliver den 100% høj.
> Jeg vil helst bibeholde min docktype, men hvordan laver jeg så en højde på
> 100% ?
har du et link?

--
Christoffer



Ukendt (20-08-2005)
Kommentar
Fra : Ukendt


Dato : 20-08-05 17:29

Rune Thougaard wrote:
> Når jeg har:
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
>
> og en div med en højde på 100% bliver den ikke 100%, men hvis jeg fjerner
> docktype, bliver den 100% høj.

I quirks-mode (ingen eller forkert doctype) begynder browsere (mest IE
efter min erfaring), at gætte sig mere eller mindre frem til hvordan
siden skal se ud. Derfor kan kode som umiddelbart er mangelfuld eller
forkert se rigtig ud alligevel. Når nu du bruger en doctype forsøger
browseren istedet at overholde standarden, og dermed kan der opstå
forskelle i udseendet af siden.

Nok om det, for rent konkret kan du løse dette problem ved at skrive:
body,html {height:100%;margin:0px;padding:0px}
der hvor du har al din css-kode. Når du skriver noget i procent bliver
det altid i forhold til det omkransende element (parent kalder man det).
Ved at give en højde på body og html på 100% sørger man for at tage
100% af vinduet (kan man vel godt kalde for html-elements parent, selvom
jeg ikke er sikker på præcis hvad browseren måler efter).

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

Månedens bedste
Årets bedste
Sidste års bedste