Avatar billede hav0k Nybegynder
12. juli 2008 - 16:50 Der er 6 kommentarer og
1 løsning

Problem med table og img height absolut/relativt

Jeg bruger følgende kode til min hjemmeside på: www.red-liv.com/test

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<LINK REL="SHORTCUT ICON" href="favicon.ico">
<title>Red-Liv.com + F&oslash;rstehj&aelig;lpskurser til k&oslash;rekort</title>
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
td{vertical-align:top;}
td.mid{vertical-align:middle;}
</style>
</head>
<body bottommargin="0" rightmargin="0" leftmargin="0" topmargin="0">
<table align="center" width=100% height="100%" cellpadding="0" cellspacing="0"><tr>
<td height="160"><img src="img/dotw.gif" height="160" width="1"></td>
<td rowspan="3">
<table width="780" height="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="mid" align="center" width="450" height="160"><i> -Med hjertemassage og kunstigt åndedræt kan man holde et menneske i live ved at erstatte hans egen vejrtrækning og hans hjerteslag.</i></td>
<td><img src="img/dot.gif" width="50" height="160"></td>
<td width="280" height="160"><img src="img/logo.jpg" height="160" width="179"></td>
</tr><tr>
<td class="mid" colspan="3" height="50" width="780" background="img/dot.gif" align="center" valign="middle"><font color="#FFFFFF" size="6">RedLiv - F&oslash;rstehj&aelig;lpskurser til k&oslash;rekort</font></td>
</tr><tr>
<td width="450" style="padding:8px;" height="100%" align="right">
Indhold....<br><br>
<img border="1" src="img/redliv1.jpg">
</td>
<td style="height:100%;"><img src="img/dot.gif" width="50" style="height:100%;"></td>
<td width="280" style="padding:8px;" height="100%">
RedLiv<br><br>
Førstehjælpskurset<br><br>
Kalender<br><br>
Priser<br><br>
Kontakt<br><br>
</td>
</tr></table>
</td>
<td height="160"><img src="img/dotw.gif" height="160" width="1">
</tr><tr>
<td width="50%" height="50"><img src="img/dot.gif" height="50" width="100%"></td>
<td width="50%" height="50"><img src="img/dot.gif" height="50" width="100%"></td>
</tr><tr>
<td></td>
<td></td>
</tr></table>
</body>
</html>

Som det kan ses på hjemmesiden sker der to ting i IE:
de røde linier kommer ikke helt op ude i siderne, og den midterste røde linie går kun de 50px ned og ikke 100% som jeg har sat den til.
I firefox er problemet kun at de røde linier ikke kommer op i siderne, mens den midterste fylder hele siden ud som den skal.
Hvad er det jeg har overset?

Tak for jeres tid!
Avatar billede hav0k Nybegynder
12. juli 2008 - 16:50 #1
Ups hjemmesiden er: www.red-liv.com/test.htm
Avatar billede roenving Novice
12. juli 2008 - 17:08 #2
F.eks. med midterstregen:

<td style="height:100%;background:url(http://www.red-liv.com/img/dot.gif)"></td>
Avatar billede hav0k Nybegynder
12. juli 2008 - 17:20 #3
Ja du har ret. Nu fylder den i hvert fald <td>'en ud. Men den går stadig ikke ned til bunden af skærmen. Som du kan se nu så har jeg også prøvet at ændre den sidste del fra:
<td></td>
<td></td>
</tr></table>
</body>
</html>

til:

<td height="100%" width="50%"></td>
<td height="100%" width="50%"></td>
</tr></table>
</body>
</html>

og det ser lidt bedre ud, men de røde striber er stadig ikke helt "aligned" ude i siderne.
Avatar billede hav0k Nybegynder
12. juli 2008 - 18:26 #4
Ingen idéer?
Avatar billede hav0k Nybegynder
12. juli 2008 - 19:33 #5
Det lykkedes endelig- smid et svar roenving, for du fik mig i det mindste på det rette spor :-)
Avatar billede roenving Novice
13. juli 2008 - 13:16 #6
Oki '-)
Avatar billede roenving Novice
27. april 2009 - 22:24 #7
-- og tak for point ;~}
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