Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Storlek på tabeller

Rave_T

Startad av Rave_T,
i Webbutveckling

Rekommendera Poster

Rave_T

Rave_T

Postad
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad 

<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]

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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

Länk till kommentar
Dela på andra webbplatser
Rave_T

Rave_T

Postad
  • Trådskapare
Postad

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.

 

Länk till kommentar
Dela på andra webbplatser
lizardKng

lizardKng

Postad
Postad

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.

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...