Korleis midt stille side?

15. november 2006

Har tenkt å midt stille sida mi. Har bygd den opp med divboksar. Eg har ein hovud div som alle dei andre divane er bygd inn i. Så eg må vel skrive noke inn i hovuddiven då? Ka skal eg skrive inn i den då? Bruker css.

Takker

Demantios · 15. november 2006

under body legger du :

text-align: center;

Under wrapper legger du:

margin-left: auto;

margin-right: auto

15. november 2006

Wrapper? Ka er det? Det har ikkje eg høyrt om før.

Demantios · 15. november 2006

Ouch, var sånt i mitt tilfelle. det her blir vel litt annerledes. Tror ikke du trenger det likevel

Haraldson · 15. november 2006

Wrapperen blir diven du har rundt alt annet på sida di, som du omtaler. I tillegg til margin: 0 auto; på den, trenger du å definere en width, gjerne en som tilsvarer bredden boksene inni tar fra før. Koden PepsiCo skriver under body er korrekt.

15. november 2006

No blir heile sida plassert heilt borti høgre sida. Ka kan vere grunnen til det?

Endret 15. november 2006 av Slettet+65132

Haraldson · 15. november 2006

Kunne vi ha fått en link?

Demantios · 15. november 2006

Feil i margin kanskje. Den ene jeg skrev hadde jo ; etter seg, og den andre hadde ikke. Vet ikke om den skal være sånn jeg

15. november 2006

Her er koden til html fila

<html>

<head>

<title>
.::Kvammen Dataklubb::. Home
</title>

<link rel="stylesheet" type="text/css"href="style.css" />

</head>



<body>

<div class="div_15">


<div class="div_1">


</div>

<div class="div_25">


<div class="home">

<a class="one" href="index.htm">Home</a>

</div>


<div class="kvammendata">

<a class="one" href="kvammendata.htm">Kvammendata</a>

</div>



<div class="kontakt_oss">

<a class="one" href="kontakt_oss.htm">Kontakt oss</a>

</div>



<div class="galleri">

<a class="one" href="galleri.htm">Galleri</a>

</div>



<div class="web">

<a class="one" href="web.htm">Web</a>

</div>

<div class="Forum">

<a class="one" href="forum">Forum</a>

</div>




</div>





<div class="div_2">
<table border="0">
<tr>
 <td><h4 class"tre">Linkar</a></h4></td>
</tr>
<tr>
 <td><a class="to" href="http://www.battle.no" target="_blank">Battle.no</a></td>
</tr>
<tr>
 <td><a class="to" href="http://www.hw.no" target="_blank">Hardware.no</a></td>
</tr>
<tr>
 <td><a class="to" href="http://www.komplett.no" target="_blank">Komplett.no</a></td>
</tr>
</table>


</div>



<div class="div_3">

<p>
</p>
</div>





<div class="div_4">
<p><i></p></i>

</div>

</div>

</body>


</html>

Css

a.one:link {color: #708090; text-decoration: none;}    
a.one:visited {color: #708090; text-decoration: none;}  
a.one:hover {color: #708090; text-decoration: underline;}   
a.one:active {color: #708090; text-decoration: none;} 

a.to:link {color: #4169E1; text-decoration: none;}    
a.to:visited {color: #4169E1; text-decoration: none;}  
a.to:hover {color: #4169E1; text-decoration: underline;}   
a.to:active {color: #4169E1; text-decoration: none;} 

body
{
text-align: center;
}


.div_15 { border-right: 1px solid #708090; width: 720px; height: 730px; position: absolute; margin: 0 auto; background-color: #F5F5F5;  }


.div_1 { border: px solid black; width: 720px; height: 80px; position: absolute; top: 0px; left: 0px; background-image: url('filer/bilde/banner.gif') }

.div_25 { border: px solid black; text-align: center; width: 720px; height: 20px; position: absolute; top: 80px; left: 0px; }








.home { border-right: 1px solid #708090; width: 119px; height: 20px; position: absolute; top: 0px; left: 0px; background-color: #E6E6FA; }

.kvammendata { border-right: 1px solid #708090; width: 119px; height: 20px; position: absolute; top: 0px; left: 120px; background-color: #E6E6FA; }

.kontakt_oss { border-right: 1px solid #708090; width: 119px; height: 20px; position: absolute; top: 0px; left: 240px; background-color: #E6E6FA; }

.galleri { border-right: 1px solid #708090; width: 119px; height: 20px; position: absolute; top: 0px; left: 360px; background-color: #E6E6FA; }

.web { border-right: 1px solid #708090; width: 119px; height: 20px; position: absolute; top: 0px; left: 480px; background-color: #E6E6FA; }

.forum { border-right: 1px solid #708090; width: 120px; height: 20px; position: absolute; top: 0px; left: 600px; background-color: #E6E6FA; }















.div_2 { border: medium double #D3D3D3; width: 140px; height: 500px; position: absolute; top: 130px; left: 3px; background-color: #F0F8FF; }




#du_er_her { color: green; text-align: center; font-size: 20 }




.div_3 { border: px solid black; width: 500px; height: 550px; position: absolute; top: 130px; left: 180px; }

.div_4 { border: px solid black; width: 720px; height: 40px; position: absolute; top: 730px; left: 0px; }

Veit det er eit dårleg oppsett. Eg er temleg grøn på heimeside.

Det er berre IE sida blir flytta til høgre sida. Med Mozilla skjer det ingen ting.

Endret 16. november 2006 av Slettet+65132

Fleistad · 16. november 2006

Putt en ny div rundt "hoved div-en" din.

<div align="center">
----hoved div med innhold
</div>

Dette er en metode som jeg bruker når jeg vil sentrere nettsidene mine.

Funker fint.

**Runar** · 16. november 2006

Hadde også vært fint om du putta koden din i en spoiler tag siden den tar veldig mye plass.

Haraldson · 16. november 2006

Dette er en metode som jeg bruker når jeg vil sentrere nettsidene mine.
Funker fint.

Det bør settes i CSS. Fungerende CSS-kode har blitt oppgitt tidligere i tråden, jeg ser ikke problemet.

16. november 2006

Men ka kan eg gjere for å få det til å funke? Det er godt mulig eg har gjort feil, så om dåkke finne ein feil eller to er det berre å sei i frå.

Edit: Fant ein anna løysning.

Endret 16. november 2006 av Slettet+65132

Logg inn

Korleis midt stille side?

Anbefalte innlegg

Gjest Slettet+65132

Videoannonse

Demantios

Gjest Slettet+65132

Demantios

Haraldson

Gjest Slettet+65132

Haraldson

Demantios

Gjest Slettet+65132

Fleistad

Runar

Haraldson

Gjest Slettet+65132

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer