HTML & CSSur HTML, XHTML & CSS
7 svar · 484 visningar · startad av gabbo
Har problem med att få en tabell att sträcka sig över hela fönstret, jag har provat en massa men kan inte få det att fungera...
Jag vill alltså inte ha någon marginal nere...
Min html är uppbyggd på följande sätt...
<!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" xml:lang="sv" lang="sv">
<head>
<title>Bla bla..</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--Klipp från stylesheet...
body, table, th, tr, td, li {font-size: 10px; font-weight:normal; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica;}
-->
</head>
<body style="background-color:#FFFFCC;margin-top:0px;margin-bottom:0px;margin-right:33px;">
<table width="986" summary="" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td>sretert</td>
</tr>
<tr>
<td colspan="2">fot...</td>
</tr>
</table>
</body>
</html>
Hmm..
En lösning på ditt problem (inklusive förklaring om vad det beror på) finns (bl.a.) i tråden http://www.webforum.nu/showthread.php?t=137267
dvs sätt 100% höjd inte bara på tabellen det gäller, utan även på html och body på det sätt som visas i http://www.webforum.nu/showthread.php?p=1139193#post1139193 .
jarvklo skrev:
Hmm..
En lösning på ditt problem (inklusive förklaring om vad det beror på) finns (bl.a.) i tråden http://www.webforum.nu/showthread.php?t=137267
dvs sätt 100% höjd inte bara på tabellen det gäller, utan även på html och body på det sätt som visas i http://www.webforum.nu/showthread.php?p=1139193#post1139193 .
Tackar för ditt svar...
Har nu hållt på i ett par timmar med detta... nu ger jag upp, jag får det att fungera kanonbra i FF men i MISE blir det bra skit... :-(
Tack i iaf.
/g
Hmm..
Gissar av det du skriver att problemet egentligen är att du inte får till fast höjd på sidfotscellen ?
Lösning:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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" xml:lang="sv" lang="sv">
<head>
<title>Ett av Jarvklos exempel</title>
<style type="text/css">
html,body { margin: 0; padding: 0; height: 100% }
</style>
</head>
<body>
<table width="986" summary="" border="1" align="center"
cellpadding="0" cellspacing="0"
style="height: 100%">
<tr>
<td>kolumn 1</td>
<td>kolumn 2</td>
</tr>
<tr>
<td colspan="2" style="height: 20px">fot...</td>
</tr>
</table>
</body>
</html>
Orsak:
Tabellcellshöjder "beter sig konstigt" i MSIE om man ställer den i "Standards mode" (vilket den <!DOCTYPE du använder gör ) - men petar du in <?xml ?>-deklarationen överst så ger den "Quirks mode" i MSIE för den utvalda doctypen... Och då "beter sig" algoritmen för fördelning av höjder för tabellceller "bättre" ur layoutsynpunkt ;)
Om det inte är detta som är problemet - så beskriv problemet mer ingående (eller länka till sidan med problemet) så löser vi det, det är jag övertygad om :birp
jarvklo skrev:
Hmm..
Gissar av det du skriver att problemet egentligen är att du inte får till fast höjd på sidfotscellen ?
Orsak:
Tabellcellshöjder "beter sig konstigt" i MSIE om man ställer den i "Standards mode" (vilket den <!DOCTYPE du använder gör ) - men petar du in <?xml ?>-deklarationen överst så ger den "Quirks mode" i MSIE för den utvalda doctypen... Och då "beter sig" algoritmen för fördelning av höjder för tabellceller "bättre" ur layoutsynpunkt ;)Om det inte är detta som är problemet - så beskriv problemet mer ingående (eller länka till sidan med problemet) så löser vi det, det är jag övertygad om :birp
Problemet är kanske att min design är uppbyggd av tabeller/bilder... jag vill ju att sidan skall fungera i stort sett i alla browsers, om den inte kan sträcka ut sig så skall den åtminstånde inte "brytas isär"...
Vad är fördelen/nackdelen med "Quirks mode"... är den bara till för MSIE?
Sidan det handlar om kan jag inte lägga ut ännu, men jag skall göra som så att städa upp i "grundkoden" och lägga ut den så kan du se...
/gert
jarvklo skrev:
Hmm..
Om det inte är detta som är problemet - så beskriv problemet mer ingående (eller länka till sidan med problemet) så löser vi det, det är jag övertygad om :birp
Här kan du titta på själva grunddesignen....
Här har jag zippat ihop om du vill testa lokalt...
/gert
gabbo skrev:
Här kan du titta på själva grunddesignen....
Här har jag zippat ihop om du vill testa lokalt...
/gert
Ingen med någon bra idé ?
/gert
Hmm...
Du kan inte posta den lösningen du hade som funkade "kanonbra i FF" ? Jag tycker inte det verkar som om det är den du lagt upp här ;)