Avatar billede iphase Nybegynder
07. september 2003 - 01:16 Der er 10 kommentarer og
1 løsning

Centrering med CSS

Hej eksperter

Jeg prøver at lave et design ved kun at bruge CSS og DIV, siden tables er så begrænsende.

Men lige da jeg troede alt var godt prøvede jeg siden i mozilla og der var den ikek centreret!

Koden validerer ellers fint på w3.org :/

HEr er mine centrerings styles

DIV.placeHolder{
    width:100%;
    position:absolute;
    text-align:center;
}

DIV.content{
    width:740px;
    position:relative;
}

Virker somsagt fint i IE
men så snart mozilla kører det blever det venstrestillet.

HAr læst på nettet noget med at bruge margin-left og margin-right til at centrere med men det er jo bare forkert, den vil altid kun lystre den ene af delene og ikek begge og centrering vil derfor være umulig.
Avatar billede mccannon Nybegynder
07. september 2003 - 10:35 #1
er lige med på en kigger, har nemlig samme problem... :-/
Avatar billede iphase Nybegynder
07. september 2003 - 10:55 #2
JEg har siddet og søgt kraftigt på nettet, og er faktisk kommet frem til at det ikke kan lade sig gøre på nogen fornuftig måde med css2, men at det skulle blive rettet i css3.

Indtilvidere har jeg bare "strukket hele mit design så det fylder hele siden.

Jeg kan dog godt nogenlunde centrere det med nogle % verdier på "left" men det er ikke så fedt, jeg vil have absolut centrering det andet er bare uprof.
Avatar billede swuppe Nybegynder
07. september 2003 - 10:57 #3
du skal bruge margin: auto; på DIV.content
Avatar billede mccannon Nybegynder
07. september 2003 - 11:04 #4
damn det virker faktisk

har du såogså en løsnign på centrering verticalt ?:)
Avatar billede iphase Nybegynder
07. september 2003 - 11:05 #5
LOL det virker! syntes ellers jeg havde provet det?

Fedt nok, tusind tak for hjælpen!
Eksperten er altid det bedste sted på nettet at få hjælp :D
Avatar billede iphase Nybegynder
07. september 2003 - 11:05 #6
JA vertical er også et problem jeg har, det ville være cool med hjælp der også
Avatar billede swuppe Nybegynder
07. september 2003 - 11:12 #7
prøv med top:50%; margin-top: -"højde på DIV.content"px; i div.content
Avatar billede iphase Nybegynder
07. september 2003 - 11:14 #8
Det var også hvad jeg havde, men det er ikke så fedt med content der skifter i højde, så kunne man bruge javascript.. men fuck det jeg klarer mig nok ;)
Avatar billede iphase Nybegynder
07. september 2003 - 11:14 #9
Tak igen for hjælpen
Avatar billede swuppe Nybegynder
07. september 2003 - 11:16 #10
sorry I skal selvfølgelig kun trække halvdelen af højden fra ;o)
Avatar billede swuppe Nybegynder
07. september 2003 - 11:27 #11
iphase -> Velbekomme !o)

Mht. dynamisk højde på content så er det rigtigt at det ikke fungerer, men det er på den anden side sjældent at det har nogen effekt, da siderne hurtigt bliver højere end vinduet, og så kan du jo bare bruge en margin top og bund der er ens.

Som en sidebemærkning kan nævens at det rent faktisk er IE der er forkert på den mht. dit oprindelige spørgsmål altså brug af text-align:center vs. margin: 0 auto; til centrering (Som sædvanlig fristes man næsten til at sige).
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