Vonbo 0 Report post Posted August 6, 2006 (edited) Jeg har en div, main, som inneholder en tabell med gjestebokinnlegg. Main-diven har en grå bakgrunnsfarge, og er satt til en høyde 800px. Når gjestebokinnleggene overskriver 800px utivder ikke main-diven seg, bare tabellen, og det er det jeg ønsker å få til. Med de gode gamle tabellene skjedde dette av seg selv, men nå lar det seg ikke gjøre. Noen som har vært borti lignende problemstilling? Edited August 6, 2006 by Vonbo Quote Share this post Link to post
Erik B. 6 Report post Posted August 6, 2006 #main { min-width:800px } *html #main {width:800px} Prøv noe sånn Quote Share this post Link to post
Jesper Karsrud 1 Report post Posted August 6, 2006 Det er høyden du vil at skal utvide seg? I så fall trenger du ikke definere noen høyde på diven din, så utvider den seg av seg selv.. Quote Share this post Link to post
Avean 1286 Report post Posted August 6, 2006 Height:auto; Er ikke verre enn det Jeg gjør dette på alle attributene mine. Da bestemmes høyde og bredde etter innholdet. Quote Share this post Link to post
Vonbo 0 Report post Posted August 8, 2006 (edited) Det er og forblir et mysterium. Den lar seg ikke utvide, og forsvinner (dvs. legger seg kun rundt header-bildet) dersom jeg setter height: auto. Jeg poster koden, så blir det lettere å se. Jeg har sikkert glemt å ta med noe i forklaringen over. CSS: #main {background: #557ef5; position: absolute; width: 800px; height: 950px; top: 0px; left: 50%; margin-left: -400px; border: 4px solid #e8e4d4; text-align: center;} #header {background-image: url("../pics/logo.gif"); background-repeat: repeat-y; width:800px; height: 207px;} #workarea {position: absolute; margin-top: 5px; width: 585px; height: 850px; top: 207px; left: 106px; border-left: 0px dotted #ccd8fa; border-right: 0px dotted #ccd8fa; text-align: left; padding: 0px 4px 0px 4px;} #menu {position: absolute; margin-top: 5px; width: 100px; height: auto; top: 207px; left: 5px; border: 0px solid black; text-align: left;} #col {position: absolute; margin-top: 5px; width: 90px; height: auto; top: 207px; left: 695px; border: 0px solid black; text-align: right; font: 13px Verdana; } Det er egentlig alt som trengs å postes tror jeg.. #header,#workarea,#menu og #col ligger alle i #main... Når gjestebokinnleggene (som ligger i #workarea) overskriver #workareas høyde 850px går gjesteboken ut av rammen.. Jeg vil da at #main skal følge gjesteboken, og altså utvides med innholdet. Edited August 8, 2006 by Vonbo Quote Share this post Link to post
Vonbo 0 Report post Posted August 9, 2006 Her er HTML.... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script language="JavaScript" SRC="script/script.js"></script> <link rel="stylesheet" type="text/css" href="script/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-4" /> <title><?php echo SITE_TITLE; ?></title> </head> <body> <div id="frame"> <div id="header"></div> <div id="workarea"><?php include("php/".$container->get_main_page().""); ?></div> <div id="col"><?php include("php/".$container->get_col_page().""); ?></div> <div id="menu"><?php include("php/".$container->get_main().""); ?></div> </div> </body> </html> Quote Share this post Link to post
MrBjoern 115 Report post Posted August 10, 2006 prøvde du med min-height: høydenpx; på #main og #workarea? kan hende du trenger det på begge. Da funker det ivertfall bra hos meg. Quote Share this post Link to post
phun-ky 0 Report post Posted August 10, 2006 (edited) height:auto; er jo egentlig ikke støttet 100% enda, hvis det var det du var ute etter. Google it,) Edited August 10, 2006 by phun-ky Quote Share this post Link to post