Flytende objekt midt på siden

Flytende objekt midt på siden

Innleggav Lomz » ons 20.08.2008 13:29

Hvordan får jeg en <div> til å plassere seg midt på siden, ikke være mer enn 400px, ha lyseblå bakgrunn og rammer?

Brukerens avatar
medlem i 161 måneder
 

Re: Flytende objekt midt på siden

Innleggav OleUtne » lør 23.08.2008 18:00

Midt på siden horisontalt eller vertikalt? For horisontalt, burde følgende greier gjøre susen:
Kode: Merk alt
#divens_id {
width: 400px;
background: #9cd2ff;
border: 1px solid #000:
}


Den vil være 400px bred, ha bakgrunnsfargen "9cd2ff", som er lyseblåd og 1px tykke svarte rammer rundt hele. Bytt ut ”divens_id” med IDen du har gitt den aktuelle DIVen.

Men du kan ikke fortsette å spørre om alle CSS kommandoene du trenger for å bygge opp en side. Det er ikke bra for verken deg eller oss. Et fint sted å starte for å lære seg CSS er w3c schools, om du foretrekker å lese deg til kunnskap, eller Lynda, dersom video passer deg bedre. Sistnevnte koster penger, men jeg anbefaler det på det sterkeste. Blir nærmest som vanlig klasseromsundervisning.

Brukerens avatar
medlem i 156 måneder
 

Re: Flytende objekt midt på siden

Innleggav martin » tor 24.09.2009 8:23

For å midtstille diven med 400px bredde, settes margin til auto på høyre og venstre side. Kortformateringen for dette er:
Kode: Merk alt
margin: 0 auto;

Administrator
Brukerens avatar
medlem i 196 måneder
 

Re: Flytende objekt midt på siden

Innleggav skrukketroll » tor 01.10.2009 22:01

Om du har noen mer avanserte attributter på div-en din hender det at det ikke funker, denne er alltid skuddsikker:
Kode: Merk alt
width: 400px;
position: relative; /* trenger ikke være relative */
left: 50%;
margin-left: -200px;    /* halvparten av bredden for å midtstille */
medlem i 129 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]



cron