Avatar billede naftalin Nybegynder
16. november 2004 - 00:56 Der er 2 kommentarer

DIV tags og tabeller

http://www.sitepoint.com/forums/printthread.php?t=206765

er der en stump kode

<?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" />
<!-- force quirks mode in ie with the xml prologue-->
<style type="text/css">
html,body {
height: 100%;
margin: 0px;
padding: 0px;
overflow: auto;
}
body {
font-family: Verdana;
font-size: 13px;
color: #24284B;
}
/* ---------- table ---------- */
table {
width: 100%;
height: 100%;
border: 0px;
padding: 0px;
border-spacing: 0px;
font-family: Verdana;
font-size: 13px;
}
td {
padding: 0px;
border-spacing: 0px;
margin: 0px;
}
#top {
height: 76px;
width: 100%;
background-color: #CCCCCC;
}
#content {
height: 100%;
width: 100%;
}
#bottom {
padding-left: 4px;
height: 68px;
width: 100%;
background-color: #CCCCCC;
}
/* ---------- divs ---------- */
#contentRight {/* for good browsers*/
position:absolute;
top:76px;
bottom:68px;
width: 100%;
overflow: auto;
}
* html #contentRight {/* for ie only*/
position: relative;
top:0;
height: 100%;
}
</style>
</head>
<body>
<table cellspacing="0">
<tr>
    <td id="top"> some content here </td>
</tr>
<tr>
    <td id="content"> <div id="contentRight">
        <p>lots of content </p>
        <p>a</p>
        <p>a</p>
        <p>&nbsp;</p>
        <p>a</p>
        <p>a</p>
        <p>&nbsp;</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>&nbsp;</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>&nbsp;</p>
        <p>a</p>
        <p>a</p>
        <p>&nbsp;</p>
        <p>a</p>
        <p>&nbsp;</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>&nbsp;</p>
        <p>a</p>
        <p>a</p>
        <p>a</p>
        <p>a here! </p>
    </div></td>
</tr>
<tr>
    <td id="bottom"> some bottom content </td>
</tr>
</table>
</body>
</html>



den viser en tabel hvor man kan scrolle i midten

fint - men hvis man sætter en tabel ind i det midterste felt (inde i div tag)så fucker IE helt op!!!

hvorfor kan den ikke klare lidt udskyldigt
<table><tr><td>noget</td></tr></table>
?
Avatar billede olebole Juniormester
16. november 2004 - 02:40 #1
<ole>

Fordi koden bygger på en bug i IE

/mvh
</bole>
Avatar billede naftalin Nybegynder
16. november 2004 - 10:24 #2
hmmm. ok. men det virker fint i firefox (det er derfor det undre mig)

er der nogen måde man ellers kan gøre det på. Altså have en celle man kan scrolle i -og inde i cellen ligger der en tabel?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester