Avatar billede bellebrandmand Nybegynder
18. maj 2006 - 22:13 Der er 4 kommentarer

Div container baggrund

Har disse div's. Havde jo egenligt regnet med at container diven ville følge med i længde når de andre div's er inden i den, men det gør den ikke. http://www.tumpen.dk/fodboldgolf/

<body>
<div id="container">
  <div id="bg_top"></div>
  <div id="topbanner"></div>

  <? include("side.php"); ?>

  <div id="menubox"><? include("menu.php"); ?></div>
  <div id="bg_bottom"></div>
</div>
</body>

Style-fil

html, body
{
  margin : 15px, 0px, 0px, 0px;
    background-color: #dedede;
}

#container
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
    width: 773px;
    background-color: transparent;
    background-image: url("../design/bg_main.jpg");
  z-index: 1;
}

#bg_top
{
  position:relative;
    height: 10px;
    width: 773px;
    font-family: Verdana, Verdana, Sans-Serif;
    font-size: 2px;
    background-color: transparent;
    background-image: url("../design/bg_top.jpg");
  z-index: 1;
}

#bg_bottom
{
  position: absolute;
  bottom: 0px;
    height: 15px;
    width: 773px;
    font-family: Verdana, Verdana, Sans-Serif;
    font-size: 2px;
    background-color: transparent;
    background-image: url("../design/bg_bottom.jpg");
  z-index: 1;
}

#topbanner
{
  position: absolute;
    height: 157px;
    width: 757px;
    font-family: Verdana, Verdana, Sans-Serif;
    font-size: 2px;
    margin-left: 8px;
    background-color: transparent;
    background-image: url("../design/topbanner.jpg");
  z-index: 2;
}

#menubox
{
  position: absolute;
  top: 174px;
    width: 157px;
    margin-left: 8px;
    margin-top: 8px;
    font-family: Verdana, Verdana, Sans-Serif;
    font-size: 10px;
    background-color: transparent;
  z-index: 3;
}

.menutable
{
    width: 157px;
    border-style : dotted none none none;
    border-width : 1px;
    border-color : #969696;
  font-family: Verdana, Verdana, Sans-Serif;
    font-size: 10px;
    background-color: transparent;
  z-index: 3;
}

#contentbox
{
  position: absolute;
  left: 199px;
  top: 209px;
    width: 548px;
    padding: 8px 8px 8px 8px;
    font-family: Century Gothic, Verdana, Sans-Serif;
    font-size: 10px;
    background-color: #f5f5f5;
    color: #494949;
  z-index: 4;
}

#headline
{
  position: absolute;
  left: 180px;
  top: 165px;
    width: 550px;
    padding: 8px 8px 8px 8px;
    font-family: Century Gothic, Verdana, Sans-Serif;
    font-size: 24px;
    background-color: transparent;
    color: #000000;
  z-index: 5;
}

Med meget stor sandsynlighed en meget lille ting, men jeg har stirret mig blind på det... Håber nogen kan hjælpe. Tak.
Avatar billede olebole Juniormester
18. maj 2006 - 22:37 #1
<ole>

Et absolut-positioneret element fylder ikke noget i det almindelige flow, så de vil aldrig kunne 'presse' det ydre til at fylde mere

/mvh
</bole>
Avatar billede bellebrandmand Nybegynder
18. maj 2006 - 22:41 #2
Okay, mange tak. Hvad gør jeg så når jeg gerne vil have to div ved siden af hinanden, men uden absolute positionering?
Avatar billede bellebrandmand Nybegynder
18. maj 2006 - 22:45 #3
Hvis du tjekker siden nu, hvor alle er sat til relative, står menuen helt nede i buden, fordi den "ikke kan være" ved siden af de to andre div (headline og content)? Hvad gør man der?
Avatar billede olebole Juniormester
18. maj 2006 - 23:00 #4
Man begynder med at sætte sig ind i CSS. Så slipper jeg for at forklare CSS-standarden fra toppen og ned  ;o)
Det er en større omgang, hvis du skal have hele forklaringen (eller rettere: alle forklaringerne) - og det har jeg ikke tid til lige nu  :)
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