Just nu i M3-nätverket
Jump to content

Storlek på tabeller


Rave_T

Recommended Posts

Hej!

 

Jag skulle vilja veta hur man gör för att få tabellen maximerad både vertikalt o horizontellt.

 

<table border=0 cellpadding=0 cellspacing=0 width=100% height=100%>

 

ger ju en 100%-ig utbredning på bredden av tabellen, men inte på höjden.

 

Jag ska nämligen göra en sida med en tabell som är 3*3 där jag i rutan längst ner till höger ska ha en bild. Denna bild vill jag ha fixerad i nederkant av skärmen således måste tabellhöjden vara 100% av skärmen eller "fastnitad" i nederkant av skärmen.

 

Hur åstadkommer man detta?

 

Link to comment
Share on other sites

<table width="100%" height="100%" border="1">
<tr>
<td>Nisse</td>
</tr>
<tr>
<td>pelle</td>
</tr>
</table>

 

Ger mig en tabell som är 100% av sidans höjd!

 

I både IE 0ch FF.

 

Vill du köra med CSS kan du göra såhär:

[log]

<html>
<head>
<title>Untitled</title>

<style type="text/css">
table#ett {
width: 100%; 
_height: 100%; // IE-fix
height: 100%;
border: 10px solid #000000; 
}
</style>	

</head>

<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<table id="ett">
<tr>
<td>Nisse</td><td>Nisse</td><td>Nisse</td>
</tr>
<tr>
<td>pelle</td><td>pelle</td><td>pelle</td>
</tr>
<tr>
<td>stina</td><td>stina</td><td>stina</td>
</tr>
</table>


</body>
</html>

[/log]

 

 

[inlägget ändrat 2006-01-10 11:53:28 av Micke_skane]

[inlägget ändrat 2006-01-10 12:22:29 av Micke_skane]

Link to comment
Share on other sites

Oavsett vilket av exemplen du testar?

 

Så här ser det ut hos mig i IE med CSS-koden.

Se bild!

 

[bild bifogad 2006-01-11 16:39:15 av Micke_skane]

792990_thumb.jpg

Link to comment
Share on other sites

Hmmm nu funkar det....

 

Använder DreamWeaver för att göra hemsidan i och den lägger till följande rader i ett nytt dokument:

 

<!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">

 

Vet inte riktigt vad det är men när jag tog bort dessa funkade det utmärkt på båda sätten.

 

Link to comment
Share on other sites

Att det fungerar beror sannolikt på att den kod du skrivit är gammal och omodern och webläsaren måste luras att visa sidorna som gamla webläsare gjorde fär länge sedan ("Quirks mode").

 

De raderna du tog bort säger annars till webläsaren att koden är skriven enligt nån slags standard och att webläsaren ska visa den på ett standardiserat sätt.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...