Avatar billede prop46 Nybegynder
20. juli 2007 - 18:04 Der er 10 kommentarer og
1 løsning

height 100 procent

Hvorfor åh hvorfor virker dette ikke?

Problemmet ligger i linie 20 --> <table style="height:100%; width:801px;" cellpadding="0" cellspacing="0" border="0">

Når height er sat til 100% forsvinder den ud af browserens bund i IE.... Men er den ikke sat til 100% fylder indholdet ikke nog i højden.

Gør jeg mig selv forståelig?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> - Spiritual seminars - </title>
<meta name="resource-type" content="document">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="distribution" content="global">
<meta http-equiv="page-enter" content="blendtrans(duration=3.0)">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<table style="height:100%; width:100%;" cellpadding="0" cellspacing="0" border="0" class="blaa_mork">
<tr>
<td style="height:100%; width:100%;" align="center" valign="top">
<table style="height:100%; width:831;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height:100%; width:15px;" align="left" valign="top" class="skygge_venstre">&nbsp;</td>
<td style="height:100%; width:801px;" align="left" valign="top" class="blaa_lys">
<table style="height:100%; width:801px;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height:152px; width:801px;" align="top" valign="left">
<table style="height:152px; width:801px;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height:152px; width:200px;"><img src="image/top1.jpg" border="0"></td>
<td style="height:152px; width:200px;"><img src="image/top2.jpg" border="0"></td>
<td style="height:152px; width:200px;"><img src="image/top3.jpg" border="0"></td>
<td style="height:152px; width:2001px;"><img src="image/top4.jpg" border="0"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height:100px; width:801px;" align="top" valign="left" class="blaa">
<table style="height:100px; width:801px;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height:100px; width:801px;">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height:100%; width:801px;" align="top" valign="left">
<table style="height:100%; width:801px;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height:100%; width:193px;">
<table style="height:100%; width:193px;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height:115px; width:193px;"><img src="image/menu1.jpg" border="0"></td>
</tr>
<tr>
<td style="height:115px; width:193px;"><img src="image/menu2.jpg" border="0"></td>
</tr>
<tr>
<td style="height:113px; width:193px;"><img src="image/menu3.jpg" border="0"></td>
</tr>
<tr>
<td style="width:193px;" class="blaa">&nbsp;</td>
</tr>
</table>
</td>
<td style="width:608px;">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style="height:100%; width:15px;" align="left" valign="top" class="skygge_hojre">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Avatar billede roenving Novice
21. juli 2007 - 05:29 #1
Hvad står der om dokument-elementets højde i dit stylesheet ?-)
Avatar billede prop46 Nybegynder
21. juli 2007 - 12:45 #2
både html og body er sat til 100%
Avatar billede prop46 Nybegynder
21. juli 2007 - 14:26 #3
Hmm... det lader til at problemet starter allerede i linie 16. Hvis tabelen her sættes til height:100% bliver siden alen lang... det skal den nikke nej. Kun fylde højden akkurat.

Jeg har bestemt mig for at blive voksen og derfor bruge <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

...men jeg kan ikke få det til at virke ordentligt i IE. Virkeligt irriterende at skulle bruge tid på... men sådan er det jo... suk.
Avatar billede prop46 Nybegynder
21. juli 2007 - 19:35 #4
Jeg har virkelig virkelig brug for hjælp her. I FF ser det hele fint ud. Hvorfor vil IE dog ikke godtage mine 100%?
Avatar billede prop46 Nybegynder
21. juli 2007 - 19:39 #5
Nu har jeg lige lagt det ud.. her er linket http://www.den-du-er.dk/ss/index.html
Avatar billede roenving Novice
22. juli 2007 - 01:21 #6
1. Din kode er netop skrevet i den kodestil, der var den eneste mulige indtil 1998, hvor html 4 kom på banen, og den er så også blevet brugt flittigt senere, da der liiiige var en enkelt browser eller to, der ikke lige kunne udnytte de nye muligheder i denne html-standard ...

--  problemet i denne måde at gøre det på, nesting af tabeller i mange lag, medfører fuldstændig uoverskuelig kode, uanset hvor grundigt man ellers bruger god kodestil i kodeskrivningen, faktisk i så stort omfang, at adskillige linjer simpelthen er usynlige i en almindelig editor, da de jo først starter langt senere end skærmens bredde ...

-- en anden ting, problemet medfører, er problemer med at lokalisere en kilde til mærkværdigheder, eksemplet med din højde er ganske karakteristisk ...

-- og selvom du på mange måder sørger for, at tingene ellers hænger rimeligt sammen, er der jo så åbenbart stadig nogle ting, som du ikke tager højde for, f.eks. den fejlagtige fortolkning, IE laver på højder, nemlig at en højde faktisk er en minimumshøjde, ikke det, den faktisk er angivet til ...

2. Prøv at fjerne de første tabeller ved at udnytte at du sagtens kan have centrering uden tabeller:

...
<body>
  <div id="site" style="width:801px;margin: 0 auto;">

  </div>
</body>
...

-- så skal du selvfølgelig sætte den ydre baggrund på body-tagget, så det er gennemgående !-)

3. Sæt evt. et stylesheet ind, som er specielt tilpasset IE, f.eks. med conditional comments:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://www.den-du-er.dk/ss/styleIE.css">
<![endif]-->

-- evt. skal du (også !-) bruge <!--[if lt IE 7]>, fordi IE7 sandsynligvis opfører sig en hel del bedre ...

4. Og så skal du lige gennemgå tingen for åbenbare tavetosser, eksempelvis den celle i toppen, der er sat til 2001px bredde (og du skal huske at sætte _alle_ størrelser med enhed (px) medmindre de er 0 !-)

-- tjah, flere kommentarer vil kræve, at jeg skriver det helt om forfra, men det synes jeg, at du selv skal få lov til !o]
Avatar billede roenving Novice
22. juli 2007 - 01:22 #7
PS. lt IE 7 betyder en IE mindre end IE7 ...
Avatar billede prop46 Nybegynder
22. juli 2007 - 13:54 #8
okay :0) Dammit eller hvad jeg nu ellers skal sige. Men hvordan centrerer jeg den <div>? og hvorfor sætte et alternativt stylesheet ind til IE når nu ændringerne er for at imødekomme IE?
Avatar billede prop46 Nybegynder
22. juli 2007 - 19:33 #9
og roenving.. nu er jeg her jo for at lære.. så kunne vi for sjov skyld antage at du faktisk skrev denne korte side om, så jeg kunne få en ide om hvordan jeg ellers kunne gribe tingene an?

:0)
Avatar billede prop46 Nybegynder
08. september 2007 - 12:55 #10
Hvad med et svar? Der er nogen helt hjemløse point her....
Avatar billede roenving Novice
22. september 2007 - 13:29 #11
Oki '-)
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