Avatar billede michaeltryl Seniormester
18. februar 2011 - 02:23 Der er 3 kommentarer og
1 løsning

baggrund i div skal forlænges i forhold til indholdet

Hej
Jeg er ved at lege lidt med et nyt design til min side.
Det som er lavet kan ses her
http://trylle-bien.dk/test-layout.php
Problemet er, at den hvide boks ikke bliver folænget, så alt teksten kommer til at stå inde i den.
Mine div's er herunder og håber nogen kan give en løsning, da jeg synes jeg har prøvet alt.

body{
font-size:12px;
color:#000000;
font-family:arial,verdana,tahoma,monospace;
background-image:url('../images/bg.jpg');
scrollbar-base-color: #613625;
margin: 0px 0px 0px 0px;
}

div.krukke {
position:absolute;
bottom:0;
top:5px;
left:210px;
}

#content {
position:absolute;
bottom:0;
width:700px;
top:149px;
left:210px;
background-image:url('../images/midt.gif');
background-repeat: repeat-y;

  }

#indhold {
width:615px;
margin-top:0px;
margin-bottom:0px;
margin-right:10px;
margin-left:20px;
}
Avatar billede weblance Nybegynder
18. februar 2011 - 07:36 #1
Prøv lige først at fjerne koden "<h3><span style="background-color: #000000"></span></h3>" - den ser ikke ud til at tjene noget formål. Så har du også et problem med tegnkodningen, så du mangler nogle tegn nederst på siden.

Ellers så tror jeg at problemet ligger i at du ikke får lukket dine div's ordentligt. Dit <div id ="indhold"> bliver ikke lukket inden dit <div id="bund"> starter.
Avatar billede michaeltryl Seniormester
18. februar 2011 - 09:25 #2
<h3><span style="background-color: #000000"></span></h3> tjener et formål idet der er en tidsbestemt tekst som sommetider står i den

JEg har nu prøvet at fjerne så der kun er div=content og menu tilbage, men resultatet er det samme
Avatar billede tjens Nybegynder
18. februar 2011 - 11:54 #3
Din midt.gif er kun 663px bred, mens #content er 700px.

Det ser ud som om #indhold er forberedt til at løse dette, så skal du ikke bare have en <div id="indhold"> uden om teksten </div> ?
Avatar billede michaeltryl Seniormester
18. februar 2011 - 12:33 #4
Det virkede heller ikke, men jeg fandt en anden løsning som virker.
Jeg siger tak for jeres forsøg
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