Avatar billede smask Nybegynder
03. september 2007 - 01:58 Der er 5 kommentarer

Er dette en bug

Hej.. jeg sidder og kæmper lidt med et HTML doc.. og jeg forstår ikke hvad og hvorfor det sker.

Jeg har indsat en Table som skal være 100% i W og 100% i H.. baggrundsfarven er så bare sat som Grey. Men hvorfor følger baggrunds farven ikke med Table helt til bunden af skærmen, når denne er defineret som værende 100% i H. Prøv selv at teste den i browseren.. På forhånd tak :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta http-equiv="Content-Language" content="en-us">
<meta name="keywords" content="Test">
<meta name="description" content="Test">
<link rel="shortcut icon" href="Test.ico">

<STYLE type=text/css>
A:link {
    Color: #1B1718; Text-Decoration: none
}
A:visited {
    Color: #1B1718; Text-Decoration: none
}
A:active {
    Color: #1B1718; Text-Decoration: none
}
A:hover {
    Color: #1B1718; Text-Decoration: underline
}
body        { font-family: Trebuchet MS; font-size: 8pt; color: #1B1718 }
h1          { font-family: Trebuchet MS; color: #1B1718; font-size: 18pt }
h2          { font-family: Trebuchet MS; color: #1B1718; font-size: 12pt }
table        { font-family: Trebuchet MS; color: #1B1718; font-size: 8pt }
.notes      { font-family: Trebuchet MS; font-size: 7pt; color: #1B1718 }
-->
</style>

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" height="100%">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>
</body>
</html>
Avatar billede keysersoze Guru
03. september 2007 - 07:38 #1
er du sikker på at din table er 100% høj? hvis du fx sætter border="1" hvor langt går den så ned? Et gæt er at du mangler at sætte 100% højde på html og head tags.
Avatar billede smask Nybegynder
03. september 2007 - 09:53 #2
ja den er sat på 100%.. men jeg tror jeg har fundet ud af 'buggen'.. det er bare lidt mæerkeligt synes jeg.. prøv og erstat dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

med

<html>

Så virker det.. hmmm.. mystisk..

anyways.. tak for hjælpen
Avatar billede olebole Juniormester
03. september 2007 - 14:49 #3
<ole>

Du kunne ikke få en dårligere idé! På den måde disabler du alle de væsentlige dele af CSS i IE6. Brug denne, der passer langt bedre til den kode, du skriver:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

brug så denne regel i din CSS:

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

- og så eksisterer der ikke (og har aldrig været) en height-attribut på et table-element. Højden skal sættes med CSS:
    <table style="height:100%" ................>

Du bør også bruge et andet tegnsæt:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Til slut bør du ikke bruge 'pt' til skrifter. Det typografiske punkt, som forkortes 'pt', er et levn fra print-branchen - men er yderst forskelligt fra browser til browser. Skal du endelig låse teksten fast, bør du bruge 'px' i stedet.

/mvh
</bole>
Avatar billede olebole Juniormester
03. september 2007 - 14:51 #4
Husk også, når du sætter skrifttyper, at medtage en generisk font, hvis skriften ikke er installeret på maskinen - f.eks:
    font-family: 'Trebuchet MS', sans-serif;

Læg også mærke til, at jeg har sat gåseøjne om 'Trebuchet MS'. Det skal du altid gøre, hvis skriftnavnet indeholder et mellemrum  :)
Avatar billede olebole Juniormester
03. september 2007 - 14:52 #5
- jaaahhhhh ... der er meget at se til i et stort hus, når man mangler en kone til det grove!  ;D
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
Kurser inden for grundlæggende programmering

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