Problem med sidan i height=100%

norra54Medlem sedan sep. 2003110 inlägg

20 juni 2004 18:29#1

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>

norra54Medlem sedan sep. 2003110 inlägg

4 juli 2004 15:08#2

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

TypeMedlem sedan mars 20021 239 inlägg

4 juli 2004 17:17#3

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)

SlarvpelleMedlem sedan mars 200459 inlägg

4 juli 2004 22:56#4

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.