Avatar billede kasbas91 Nybegynder
22. oktober 2008 - 17:25 Der er 9 kommentarer og
1 løsning

Have lavt en ny css boks i midten men hvordan ?

Hej jeg tænkte på om i havde lyst til at hjælpe mig..
Problemet er at jeg har 2 css bokse, den ene i venstre side med menuen, og den anden i højre side med links, og jeg skal have en i midten med forum, men jeg kan ikke få den i midten, så bliver det hele bare rykket ned, kan i hjælpe mig med det i kan lige få siderne : min kode til forsiden og i midten skal jeg have lavt et css box som ikke røre venstre og højre css bokse :
//HTML\\
<!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>
<meta http-equiv="Content-Language" content="da" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Webforum</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body class="body">
<div class="helesiden">
<div class="header">
<div class="headerbox"><div class="tekst">Forside&nbsp;&nbsp; Forum oversigt&nbsp;&nbsp;
    Hjem til KasperBasse.dk&nbsp;&nbsp; Kontakt</div></div>
</div>
<div class="content">
<div class="leftbox" style="width: 223px; height: 8px"><div class="font">
<div class="rightbox" style="width: 120px; height: 0px">
<div class="font" style="height: 5px">
    KasperBasse.dk<br />
    Tweakup.dk<br />
    Eksperten.dk<br />
    Tutorialshot.com<br />
    Hotscripts.com

</div></div>Forum Oversigt<br />
<a href="http://kasperbasse.dk/webforum/create_topic.php" class="font">
<span class="font">Ny forum tråd</span></a><br />
Forum regler</div></div></div></div>
</body>

</html>


//CSS\\
.body{
    background-color:#ffffff;
}
.helesiden{
    padding: 0px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.forumoversigt{
    color: #000;
    margin: 0 0 0px 544px;
    padding:1px 0px 0px 0px;
    width: 60px;

}
.header{
    background: url('images/webforum_01.png') repeat-y center bottom;
    margin: 0 auto;
    padding: 00px;
    width: 700px;
    height: 188px;

}
.headerbox {
    color: #000;
    margin: 0 0 60px 40px;
    padding: 162px 100px 0px 0px;
    width: 500px;
}
.rightbox{
    color: #000;
    margin: 0 0 0px 544px;
    padding:1px 0px 0px 0px;
    width: 60px;
}
.leftbox{
    color: #000;
    margin: 0 0 0px 26px;
    padding: 33px 0px 0px 0px;
    width: 100px;
}
.content{
    background: url('images/webforum_02.png') repeat-y center bottom;
    margin: 0 auto;
    padding: 00px;
    width: 700px;
    height: 610px;
}
.font{
font-family:Verdana;
font-size:x-small;
color:black;
font-weight:bold;
text-decoration: none;

}
.tekst{
font-family:Verdana;
font-size:x-small;
color:white;
font-weight:bold;
text-decoration: none;

}
.sd_left {
    color: #000;
    margin: 0 0 0px 4px;
    padding: 0px 90px 0px 0px;
    width: 500px;

// og kan i måske hjælpe mig med at rette det hele så det passer ind, det står forkert.
Kan i hjælpe mig, imidten af siden skal jeg have en php side ind, men mit forum på.. hvis det kan lade sig gøre..

hilsen Kasper Basse
Avatar billede w13 Novice
22. oktober 2008 - 17:28 #1
"Og kan i måske hjælpe mig med at rette det hele så det passer ind, det står forkert." - Hvordan skulle vi dog vide, hvad der var forkert og hvordan det skal se ud? :)
Avatar billede kasbas91 Nybegynder
22. oktober 2008 - 17:51 #2
hov det havde jeg ikke tænkt på. nej men så det passer ind i de 3 bokse, her er det hele i hvis i gad og kigge på det... http://www.megaupload.com/?d=VDQFG262
Avatar billede kasbas91 Nybegynder
22. oktober 2008 - 18:02 #3
eller hvis i kan lære mig at lave en god css boks, som der ikke rykker med det hele..
Tak.
Avatar billede w13 Novice
22. oktober 2008 - 18:11 #4
Rykker med det hele?

Til en start kan du jo prøve at indsætte:

<div id="centerbox">
  Centerboks
</div>

et vilkårligt sted imellem <body> og </body>.

Og så kan du tilføje i dit CSS:

#centerbox{
  position:fixed;
  top:50%;
  left:50%;
}
Avatar billede w13 Novice
22. oktober 2008 - 18:11 #5
Eller f.eks.:

#centerbox{
  position:fixed;
  top:50%;
  left:50%;
  background-color:#fff;
  border:1px solid #000;
}
Avatar billede kasbas91 Nybegynder
22. oktober 2008 - 18:25 #6
Okay tak det vil jeg prøve.. ;P
Avatar billede w13 Novice
22. oktober 2008 - 18:40 #7
position:fixed; gør, at den låses fast på skærmen, så når du scroller siden, bliver den samme sted på skærmen.

Alternativt kan du prøve:

position:absolute;

i stedet, hvis du ikke synes om det.
Avatar billede kasbas91 Nybegynder
22. oktober 2008 - 20:28 #8
men i fixed der passer den, men det er træls at den flytter med ned når jeg scroller ned, kan man ikke gøre det som fixed gør uden den køre med ned...
Avatar billede w13 Novice
22. oktober 2008 - 20:52 #9
Ja, men gjorde fixed ikke det?
Avatar billede kasbas91 Nybegynder
25. august 2010 - 23:11 #10
lukker
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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