Søg
Avatar billede mccookie Seniormester
24. december 2004 - 12:35 Der er 15 kommentarer og
1 løsning

centrering af boks

Hejsa

JEg har oprettet en boks og vil gerne have den centreret via css.....

Hvordan gør jeg?

body {
    background-color: #003333;
    background-repeat: repeat;
    margin: 50px 50px 50px 50px;
    border: 1px solid #003333;
        }

p.boks  {
    width: 800px;
    border: 3px solid black;
    background: white;
}




img {
    border: 0;
    }
Avatar billede goose Nybegynder
24. december 2004 - 12:41 #1
Du kunne jo centrerer alt indhold i din body ved:

body {
    background-color: #003333;
    background-repeat: repeat;
    margin: 50px 50px 50px 50px;
    border: 1px solid #003333;
    text-align:center;
        }

Så vil teksten i din boks nok også blive centreret, men så kan du jo venstrestille den:

p.boks  {
    width: 800px;
    border: 3px solid black;
    background: white;
    text-align:left;
}

/Goose
Avatar billede roenving Novice
24. december 2004 - 12:43 #2
-- og det goose skriver, vil kun virke i IE, da den fejlagtigt centrerer elementer med text-align ...

Men du kan bare:

p.boks  {
    width: 800px;
    border: 3px solid black;
    background: white;
    margin:0 auto;
}

-- så virker det i alle browsere, hvis du også har en korrekt doctype inklusive dtd-link !-)
Avatar billede mccookie Seniormester
24. december 2004 - 12:50 #3
roenving>> Din løsning kan jeg ikke få til at virke!! Hvorfor ??
Avatar billede roenving Novice
24. december 2004 - 12:53 #4
Hvis du har en korrekt doctype, virker det, prøv f.eks. dette før html-tagget:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede mccookie Seniormester
24. december 2004 - 13:00 #5
Jeg plejer at bruge:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
Avatar billede roenving Novice
24. december 2004 - 13:06 #6
Så burde den uden problemer centrere med margin:0 auto; !o]

-- dog vil IE gå i quirks-mode, hvis du også har en xml-erklæring (eller f.eks. en tom linje !-) før doctypen ...
Avatar billede mccookie Seniormester
24. december 2004 - 14:22 #7
body {
    background-color: #003333;
    background-repeat: repeat;
    margin: 50px 50px 50px 50px;
    border: 1px solid #003333;
        }

p.boks  {
    width: 800px;
    border: 3px solid black;
    background: white;
    margin:0 auto;
}





img {
    border: 0;
    }

kan ses på www.strandboerne.dk/newdesign
Avatar billede roenving Novice
24. december 2004 - 14:28 #8
Fjern xml-erklæringen, så vil også IE vise siden korrekt !-)

I hvert fald Mozilla viser den allerede rigtigt ...

-- og da jeg næppe kan forestille mig, at du overhovedet skal brug xml, er den fuldstændig overflødig !o]
Avatar billede mccookie Seniormester
24. december 2004 - 14:39 #9
SÅ virker det........ hvordan får jeg nu erklæret hvad sprog og tegnsæt jeg bruger.....
Avatar billede roenving Novice
24. december 2004 - 14:44 #10
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Avatar billede mccookie Seniormester
24. december 2004 - 14:48 #11
Smid et svar....... det virker.....
Avatar billede roenving Novice
24. december 2004 - 14:49 #12
Velbekomme '-)
Avatar billede goose Nybegynder
24. december 2004 - 14:54 #13
- og så lærte jeg også noget nyt i dag :o)

/Goose
Avatar billede knudgert Nybegynder
24. december 2004 - 16:18 #14
Det kan dogg anbefales, at have body {text-align: center}, hvis man vil have det til at virke i IE 5.x.
Avatar billede roenving Novice
24. december 2004 - 22:03 #15
Jepz !-)
Avatar billede roenving Novice
27. december 2004 - 01:00 #16
-- og tak for point ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
16/0812:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
White papers
Flere white papers »