---
title: "Problem med sidan i height=100%"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/105875-problem-med-sidan-i-height-100"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "norra54"
published: "2004-06-20T18:29:19.000Z"
updated: "2004-07-04T22:56:52.000Z"
replies: 3
views: 218
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/105875-problem-med-sidan-i-height-100"
---

# Problem med sidan i height=100%

## #1 — norra54, 2004-06-20T18:29Z

Hallo

Vill någon sätta sig in i följande kod och komplettera den så att den vita rutan med ordet "Rubrik" fyller ut hela skärmen i höjdled oberoende av vilken skärmupplösning som används?

Jag har slitit mitt hår med alla möjliga varianter utan att ha fått det som jag vill.

Tacksam

```

<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=iso-8859-1">
<title></title>
</head>

<body bgcolor="#e1e1e1" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table cellpadding="0" cellspacing="0" width="780" align="left">
<tr><td>

<table border="0" cellpadding="0" cellspacing="0" width="760" height="80" align="center">
<tr><td height="80">

<table cellpadding="0" cellspacing="0" width="760">
<tr><td><img src="grafik/top.jpg" width="760" height="75"></td>
</table>

<table background="grafik/meny.gif" cellpadding="0" cellspacing="0" width="760">
<tr><td height="32">&nbsp;&nbsp;&nbsp;</td>
<td>

<table width="735" cellpadding="0" cellspacing="0">
<tr><td>
<table cellpadding="0" cellspacing="0">
<tr><td>&nbsp;</td></tr>
</table>
</td>
</table>

</td>
</table>

<table bgcolor="#f3f3f3" border="0" width="100%" height="25" cellpadding="0" cellspacing="0">
<tr><td width="10">&nbsp;</td>
<td height="23" align="left">
&nbsp;
</td></tr>
</table>				

<td></tr>
</table>

<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="760" align="center">
<tr><img src="grafik/spacer.gif" width="2" height="4"><br>
<img src="grafik/space2.gif" width="760" height="5"><br>
<td width="15">&nbsp;</td>
<td width="537" valign="top">
<img src="grafik/spacer.gif" width="2" height="5"><br>

<table border="0" bgcolor="#ffffff" cellpadding="0" cellspacing="0" width="460">
<tr><td>Rubrik</td></tr>
</table>

</td>

<td width="5" bgcolor="#666666" rowspan="50"></td>
<td width="260" align="right" valign="top">

<table border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" valign="top" align="right">

<table width="250" cellspacing="0" cellpadding="0" border="0">
<tr><td background="grafik/rub_top3.gif" height="30"></td></tr>
<tr><td bgcolor="#ffffff">

<table background="grafik/rub_linje3.gif" cellspacing="6" cellpadding="0" width="100%" border="0">
<tr><td width="5">&nbsp;</td>
<td>

<table width="210" cellspacing="0" cellpadding="0" border="0">
<tr><td><img src="grafik/pil2.gif" border="0">&nbsp;
</td></tr>
</table>

</td></tr>
</table>

</td></tr>
<tr><td height="8" background="grafik/rub_bot3.gif"></td></tr>
</table>

<table width="250" cellspacing="0" cellpadding="0" border="0">
<tr><td background="grafik/rub_top3.gif" class="rubrik_12_white" height="30"></td></tr>
<tr><td bgcolor="#ffffff">

<table background="grafik/rub_linje3.gif" cellspacing="4" cellpadding="0" width="250" border="0">
<tr><td colspan="2">
<table cellspacing="0" border="0">
<tr><td width="10">&nbsp;</td><td>
&nbsp;</td></tr>
</table>

</td></tr>
<tr><td width="10">&nbsp;</td><td>
&nbsp;
</td></tr>
<tr><td width="10">&nbsp;</td><td><img src="grafik/pil2.gif" border="0"></td></tr>
</table>

</td></tr>
<tr><td height="8" background="grafik/rub_bot3.gif"></td></tr>
</table>

<br><br>

</td></tr>
</table>

</td></tr>
</table>

<table bgcolor="#48484c" cellpadding="0" cellspacing="0" width="760" height="25" align="center" style="border-top: solid; border-width: 1px; border-color: #666666;">
<tr><td align="left" class="gray">&nbsp;</td>
<td align="right" class="gra">&nbsp;&nbsp;</td></tr>
</table>
		
</td></tr>
</table>

</body>
</html>
```

Permalänk: https://www.webforum.nu/p/105875

## #2 — norra54, 2004-07-04T15:08Z

Ingen som vill förgylla min söndag med en nätt liten lösning på mitt problem..?

Permalänk: https://www.webforum.nu/p/1379114

## #3 — Type, 2004-07-04T17:17Z

Gaah va jag hatar tabeller, kör css istället!... ;)

(helt otroligt att jag sa det där, jag som älskade tabeller för ett tag sen)

Permalänk: https://www.webforum.nu/p/1379160

## #4 — Slarvpelle, 2004-07-04T22:56Z

Re: Problem med sidan i height=100%

> **norra54 skrev:**
>
> Hallo
> 
> Vill någon sätta sig in i följande kod och komplettera den så att den vita rutan med ordet "Rubrik" fyller ut hela skärmen i höjdled oberoende av vilken skärmupplösning som används?

Jag förstår inte riktigt vad du vill åstadkomma. Tabellen med ordet "Rubrik" är ju placerad inuti flera andra tabeller, av vilka flera täcker hela skärmbredden, därför kan du inte få den att fylla ut hela skärmhöjden med den nuvarande designen. Sätt på borders på alla tabeller så ser du lättare vad som pågår.

Det bör för övrigt räcka med en tabell, kanske i kombination med lite CSS margin/padding här och var.

Permalänk: https://www.webforum.nu/p/1379261

---

Tråden på webben: https://www.webforum.nu/amne/html-css/105875-problem-med-sidan-i-height-100
