Søg
Avatar billede net-base.dk Nybegynder
03. november 2006 - 10:16 Der er 11 kommentarer og
1 løsning

xHTML og CSS problem med height

Hej.

Jeg har besluttet mig for at begynde at bruge xHTML.

Jeg har lavet et tabel som jeg gerne vil have til at være 100% høj og bred.

Jeg har derfor i mit <table> tag lavet en attribut class="main_table"

Den har jeg så oprettet i mit .css dokument sådan her.

main_table {
width: 100%;
height: 100%;
}

Mit problem er at tablen ikke bliver 100% høj men den bliver 100% bred. er der nogle som kan give en forklaring på dette?
Avatar billede olebole Juniormester
03. november 2006 - 10:27 #1
<ole>

Der gælder de samme regler for den slags under HTML og XHTML. CSS forskriver, at når en højde sættes i procent, skal den beregnes udfra højden af det omkransende element. Derfor skal det omkransende elements højde altså eksplicit være sat  ;o)

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/mvh
</bole>
Avatar billede olebole Juniormester
03. november 2006 - 10:30 #2
Faktisk er det kun ganske få XHTML-tutorial forfattere, der nogensinde selv har skrevet et XHTML-dokument, der kan parses som XHTML, så måske du burde læse disse to:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538
Avatar billede net-base.dk Nybegynder
03. november 2006 - 10:40 #3
OKay takker for svaret læser lige de 2 artikler igennem og prøver det af du skrev.

Jeg har bare aldrig haft problemer med at sætte højden på en table i alm. HTML
Avatar billede olebole Juniormester
03. november 2006 - 11:53 #4
Det er nok fordi, du i dine HTML-dokumenter har disabled de væsentligste dele af CSS ved ikke at bruge en DTD (DocType Definition):
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

- se under: The !DOCTYPE "Switch"
Avatar billede net-base.dk Nybegynder
03. november 2006 - 11:58 #5
link http://demo.gertz.lir.dk

Det skulle da se rigtig nok ud.

Nu har jeg ikke haft tid til at læse dine artikler endnu...
Avatar billede olebole Juniormester
03. november 2006 - 12:20 #6
Du disabler stadig CSS i IE6. Prøv dette dokument i IE6:

<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
    <title>Kalender Systems</title>
<style type="text/css">
div {
    width: 150px;
    height: 150px;
    background: yellow;
}
.bordered {
    border: 50px solid red;
}
</style>
</head>
<body>
   
<div>&nbsp;</div>
<div class="bordered">&nbsp;</div>

</body>
</html>

- slet så den første linje og prøv igen i browseren. Det giver to _meget_ forskellige resultater, hvoraf det sidste er korrekt  ;o)
Avatar billede olebole Juniormester
06. november 2006 - 09:19 #7
Kom du videre?
Avatar billede net-base.dk Nybegynder
06. november 2006 - 10:51 #8
Ja jeg har siddet og kigget noget på det og vælger nok at lave mit design lidt om, da jeg også har nogle problemer med at table ikke altid forbliver i den rigtige størelse.

Kan ses ved at skifte mellem de forskellige tabs.

Men fik da en lille forståelse for det, men vælger nok at køre i HTML 4.01
Avatar billede net-base.dk Nybegynder
30. december 2006 - 22:20 #9
Har fået ordet med tingene nu og har også fået siden til at være 100% høj, og den parser også fint som xHTML 1.0

Tak for hjælpen olebole. smid et svar som tak for hjælpen.

Undskylder den gange vente tid på det endelige svar.
Avatar billede net-base.dk Nybegynder
02. januar 2007 - 12:55 #10
Svar lukker. Hvis du stadig skulle være interseret i point så skriv så opretter jeg et nyt spg med point til dig.
Avatar billede olebole Juniormester
02. januar 2007 - 13:48 #11
"og den parser også fint som xHTML 1.0" ... det er nu yderst usandsynligt (for at sige det mildt). Den parses uden tvivl ikke af XML-parseren (som XHTML skal), men derimod af HTML-parseren - og så er det jo så som så med XHTML-fordelene  ;o)
Avatar billede net-base.dk Nybegynder
02. januar 2007 - 14:11 #12
hehe, den kan hvertfal gå fint igennem w3.org's html validator.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »