Jump to content
Sign in to follow this  
Vonbo

Utvide div med gjestebokinnlegg

Recommended Posts

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? :hmm:

Edited by Vonbo

Share this post


Link to post

Height:auto; Er ikke verre enn det :) Jeg gjør dette på alle attributene mine. Da bestemmes høyde og bredde etter innholdet.

Share this post


Link to post

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 by Vonbo

Share this post


Link to post

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>

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...