Oprettet ons. d. 22. oktober 2008 kl. 17:25:51

kasbas91
kasbas91 (3.610 point. Point ude: 60)

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/ (...)
<html xmlns="http://www.w3.org/ (...)

<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/ (...) 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

Skrevet ons. d. 22. oktober 2008 kl. 17:28:35| #1

w13
w13 (109.546 point)
www.2biaz.dk
"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? :)

Skrevet ons. d. 22. oktober 2008 kl. 17:51:23| #2

kasbas91
kasbas91 (3.610 point)
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/ (...)

Skrevet ons. d. 22. oktober 2008 kl. 18:02:10| #3

kasbas91
kasbas91 (3.610 point)
eller hvis i kan lære mig at lave en god css boks, som der ikke rykker med det hele..
Tak.

Skrevet ons. d. 22. oktober 2008 kl. 18:11:27| #4

w13
w13 (109.546 point)
www.2biaz.dk
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%;
}

Skrevet ons. d. 22. oktober 2008 kl. 18:11:56| #5

w13
w13 (109.546 point)
www.2biaz.dk
Eller f.eks.:

#centerbox{
  position:fixed;
  top:50%;
  left:50%;
  background-color:#fff;
  border:1px solid #000;
}

Skrevet ons. d. 22. oktober 2008 kl. 18:25:21| #6

kasbas91
kasbas91 (3.610 point)
Okay tak det vil jeg prøve.. ;P

Skrevet ons. d. 22. oktober 2008 kl. 18:40:11| #7

w13
w13 (109.546 point)
www.2biaz.dk
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.

Skrevet ons. d. 22. oktober 2008 kl. 20:28:26| #8

kasbas91
kasbas91 (3.610 point)
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...

Skrevet ons. d. 22. oktober 2008 kl. 20:52:44| #9

w13
w13 (109.546 point)
www.2biaz.dk
Ja, men gjorde fixed ikke det?

Skrevet ons. d. 25. august 2010 kl. 23:11:11| #10


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Programmering fra start

Oprettet den 8. februar 2012 kl. 13.08
olesch1 giver 30 point for svar | Giv et svar »

Hjemmeside til bestilling af produkt og graveringstekst

Oprettet den 25. januar 2012 kl. 14.44
roding giver 200 point for svar | Giv et svar »

Språg

Oprettet den 24. januar 2012 kl. 10.55
Nixo111 giver 200 point for svar | Giv et svar »

Seneste guides

Installer win 7
Den gode bruger


   




Tips & Tricks fra PC World

Teaser billede

Her er fem sjove danske websider du skal kende

Trænger dine lattermuskler til en omgang fitness på dansk? Vi viser vej til fem websider fyldt med humor og vanvittig satire.


Anmeldelser fra PC World

Teaser billede

Test: Denne super-tablet er iPads hårdeste konkurrent

Eee Pad Transformer Prime er frygtindgydende med sin quadcore processor og evne til at trylle sig om til bærbar. Apple bør kigge i bagspejlet, for Asus' tablet-pc kommer buldrende - og gør det...


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Nu kan du snart hente Windows 8

Den nye offentlige betaversion af Windows 8 er klar i denne måned.


Nyheder fra Computerworld

Teaser billede

Måske snart slut med Androids helt store problem

Android-platformen har længe været plaget af et særligt problem. Men måske er problemet nu ved at være elimineret.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger