Jadu - den där layouten har ju exakt samma problem som den i din föregående tråd...
Du har även i denna layout en fixerad höjd och en onödig extra tabell inuti din "main"-cell som ställer till det - ta bort dem pss som jag visade dig i förra tråden och se om det inte löser dina problem...
Jag tog bort det du har visat nu. Men man lär ändå scrolla :(
Så här ser det ut nu.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Foto</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body,html {height:100%;margin:0;padding:0}
</style>
</head>
<link rel="stylesheet" href="style.css" type="text/css">
<body bgcolor="#f8f8f8">
<table width="705" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="40" rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="40" height="980" background="background_left.gif"> </td>
</tr>
</table></td>
<td height="76" colspan="6" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="625" height="76"> </td>
</tr>
</table></td>
<td width="40" rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="40" height="980" background="background_right.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="32" height="32" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="32" height="32" background="knapp.gif"> </td>
</tr>
</table></td>
<td width="140" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="140" height="32" background="knapp.gif"> <div align="center"><font color="#990000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Hem</font>
</div></td>
</tr>
</table></td>
<td width="140" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="140" height="32" background="knapp.gif"><div align="center"><font color="#990000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Galleri</font></div></td>
</tr>
</table></td>
<td width="140" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="140" height="32" background="knapp.gif"><div align="center"><font color="#990000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Information</font></div></td>
</tr>
</table></td>
<td width="140" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="140" height="32" background="knapp.gif"><div align="center"><font color="#990000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Kontakta<strong>
</strong> </font> </div></td>
</tr>
</table></td>
<td width="33" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="33" height="32" background="knapp.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="6" valign="top"><p> </p>
<blockquote>
<p><font color="#666666" size="2" face="Lucida Sans Unicode">Lorem Ipsum</font><font color="#CCCCCC" size="1" face="Lucida Sans Unicode">
>></font></p>
<p><font color="#666666" size="2" face="Lucida Sans Unicode">Lorem Ipsum
is simply dummy te of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when
an unknown printer took a galley of type and scrambled it to make a
type specimen book. It has survived not only five centuries, but also
the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum. </font></p>
<p><font color="#666666" size="2" face="Lucida Sans Unicode">Lorem Ipsum
is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make
a type specimen book. It has survived not only five centuries, but also
the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum. </font></p>
</blockquote></td>
</tr>
</table>
</body>
</html>
Ett bra tips att undvika sådana här problem är att slänga på en border="1" på alla inblandade tabeller (en efter en tills man ser problemet) och klura lite på om height verkligen behövs på alla celler...
Ett bra tips att undvika sådana här problem är att slänga på en border="1" på alla inblandade tabeller (en efter en tills man ser problemet) och klura lite på om height verkligen behövs på alla celler...
Lycka till! :birp
Men ska jag ha height 100% då eller bra strunta i att skriva height?
Att ställa in 100% höjd på den "yttersta" tabellen får följande konsekvenser:
Om den totala höjden för innehållet i tabellen (dvs summan av alla rader som fått en höjd via height eller via innehållets höjd) är mindre än webbläsarfönstrets höjd, kommer tabellen att fylla ut hela webbläsarfönstrets höjd (och minst en av cellerna att "sträckas ut" i höjdled så att tabellen kan bli lika hög som webbläsarfönstret).
Om den totala höjden för innehållet i tabellen är "högre" än webbläsarfönstret, kommer webbläsarfönstret (trots tabellens definition av 100% höjd) att förses med rullningslister eftersom tabellen inte får plats, och tabellen blir då alltså så hög som summan av alla raders innehåll.
Det problem du brottades med var att du hade ställt in alla höjder i tabellen så att summan av dem blev högre än webbläsarfönstrets höjd på din skärm.
Så - vill du att tabellen aldrig skall bli "kortare" än webbläsarfönstret har du kvar höjden 100% på den yttersta tabellen precis som nu, men du ser upp med vilka celler/rader du ställer in "height" på ;)
Om sidan ska se ut som den gör nu, dvs utan sidfot, skulle jag skippa tabeller helt och hållet och köra på divs istället. Det är mycket smidigare och ger mindre kod.
