TrollMedlem sedan dec. 2003229 inlägg Denna kod blir validerad och bra och borde ju funka tycker man och det gör det i IE och FF, men när jag kör den i opera så verkar det som om att den är ca 105-110% hög men det kommer ingen scroll :/ Sidan fortsätter alltså längre än vad den ska men jag fattar inte varför eller varför det inte blir någon scroll då.
css:
html, body {
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
background-color: #8C939A;
height:100%;
}
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="includes/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
--- se längre ner ---
</body>
</html>
jarvkloMedlem sedan juli 20013 378 inlägg Hmm...
Du har 100% höjd inställd på
<td width="150" style="height:100%;" valign="top" class="meny">
100% brukar vara 100% av dess "containing block", vilket i detta fall borde härhöras till de "100%" av sidhöjden som de 100% du satt på tabellen hämtas ifrån...
I detta fall har du alltså (om jag tolkat specarna rätt - de är inte helt lättlästa :P ) skapat en situation där 100% (tabellens höjd, som också begränsas av webbläsarfönstrets höjd) också skall uppfylla dina radinställningar 100% (raden jag citerade) + 100px (förstaraden) + lite till (class=bottom)
Kanske det bara helt enkelt är så att du råkat snubbla över en kombination som OPera tolkar annorlunda än MISE/FF ?
Vad händer om du tar bort "100%-höjden" på mittenraden ? Får du fortfarande en för hög yttertabell utan scrollbar i OPera då ?
TrollMedlem sedan dec. 2003229 inlägg Näe då blir det ingen scroll men då lägger sig allt fel istället :/ Jag måste väll visa att den ska vara 100% mellan top som är 100px och bottom som är tex 12px hög. Annars lägger den ju sig enbart efter innehållet?
TrollMedlem sedan dec. 2003229 inlägg OK, ändrade om lite men så att det blir en scroll, men det borde inte bli en scroll eftersom den ska vara 100% hög.. funkar precis som förut fint i IE men inte i Opera:
<table width="780" style="height:100%;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#666666">
<td height="100" colspan="2" valign="top"> </td>
</tr>
<tr>
<td width="150" valign="top" bgcolor="#0000FF" style="height:100%;"> </td>
<td width="630" valign="top" bgcolor="#CCCCCC" style="height:100%;"> </td>
</tr>
<tr bgcolor="#666666">
<td height="20" colspan="2" valign="top"> </td>
</tr>
</table>
jarvkloMedlem sedan juli 20013 378 inlägg Ajo - men det du gör är att du fortfarande har den olösliga ekvationen 100% = 100 + 100% + 20... Och om jag fattar rätt så är det upp till webbläsaren att avgöra hur detta skall lösas
CSS2 does not specify rendering when the specified table height differs from the content height, in particular whether content height should override specified height; if it doesn't, how extra space should be distributed among rows that add up to less than the specified table height; or, if the content height exceeds the specified table height, whether the UA should provide a scrolling mechanism. Note. Future versions of CSS may specify this further.
Du har just nu "content height" som är noll (inget innehåll) och "specified height" som är - ehm - mer än noll ;)
Källa: http://www.w3.org/TR/REC-CSS2/tables.html#height-layout
Kom på en annan vinkel förresten...
Du kör ju med
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
vilket ger dig olika renderingsmoder i Opera och MSIE (MSIE6 går ju upp i Quirks mode så fort man har med <?xml?>-deklarationen)...
Ta alltså bort <?xml?>-raden så bör utseendet bli "lika fel" i bägge webbläsarna. Källa: http://hsivonen.iki.fi/doctype/
... och om det du får då inte är det du vill ha, så kanske du kan fundera på att gå över till HTML4 Transitional och att säkerställa "Quirks mode" istället, t.ex. genom att köra med det säkra kortet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
(... för layout-tabeller beter sig IMHO mer "som man kanske tänker sig" när man väljer att skriva sin sida så att den utlöser "Quirks mode").
TrollMedlem sedan dec. 2003229 inlägg Tack för infon! Ska kolla igen länkarna du gav mig också, ha en bra kväll!
TrollMedlem sedan dec. 2003229 inlägg heh, testade att uppdatera Opera och det funkade fint :D
