Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Centrering med CSS

0 views
Skip to first unread message

Christian Hřegh

unread,
Jan 23, 2003, 11:14:56 AM1/23/03
to
Jeg ønsker at centrere en hvid box der skal gå fra top til bund og have
bredden 620 pixel.
Jeg har prøvet at centrere med følgende kode uden held:

<center>
<p align="center">
float: center; (i stylesheet'et)

Min kode ser således ud:

styles.css

body {
background-color: #333399;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

div.boks {
height: 100%;
width: 620px;
background: white;
}


index.html

<html>

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

<body>
<div class="boks">
</body>

</html>


Erik Ginnerskov

unread,
Jan 23, 2003, 11:37:42 AM1/23/03
to

"Christian Hřegh" <chri...@discoworld.dk> skrev
> Jeg řnsker at centrere en hvid box der skal gĺ fra top til bund og have
> bredden 620 pixel.
> Jeg har prřvet at centrere med fřlgende kode uden held:

I css skriver du:

.cent{
text-align:center
}
____

I dokumentet skriver du <div class="cent">..........

--
Med venlig hilsen
Erik Ginnerskov - er...@ginnerskov.dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin

Christian Hřegh

unread,
Jan 23, 2003, 11:51:47 AM1/23/03
to
Hvis jeg indsætter din kode, så er er boxen ikke længere 100% høj, men kun
et par få pixel??


"Erik Ginnerskov" <eg...@SPAMKILLoncable.dk> skrev i en meddelelse
news:3e301a91$0$195$edfa...@dread16.news.tele.dk...
>
> "Christian Høegh" <chri...@discoworld.dk> skrev
> > Jeg ønsker at centrere en hvid box der skal gå fra top til bund og have
> > bredden 620 pixel.
> > Jeg har prøvet at centrere med følgende kode uden held:

Anders Wegge Jakobsen

unread,
Jan 23, 2003, 12:34:38 PM1/23/03
to
"Erik" == Erik Ginnerskov <eg...@SPAMKILLoncable.dk> writes:

> "Christian Høegh" <chri...@discoworld.dk> skrev
>> Jeg ønsker at centrere en hvid box der skal gå fra top til bund og have
>> bredden 620 pixel.
>> Jeg har prøvet at centrere med følgende kode uden held:

> I css skriver du:

> .cent{
> text-align:center
> }

Det virker kun for MSIE. I alle andre browsere får man centreret
tekst i en venstrestillet boks (Hvis der da ellers er tekst i den). I
stort set alle andre browsere skal man bruge noget i retning af:

#center-notIE {
margin-left: auto;
margin-right: auto;
}

Er man rigtig smart, bruger man:

#center-stupidIE {
text-align: center;
}

#center-notIE {
margin-left: auto;
margin-right: auto;
text-align: left;
}

<div class="center-stupidIE">
<div class="center-notIE">

[Centered environment with leftjustified text]

</div>
</div>

--
/Wegge <http://outside.bakkelygaard.dk/~wegge/index.html>

Jens Gyldenkærne Clausen

unread,
Jan 24, 2003, 6:12:40 AM1/24/03
to
Anders Wegge Jakobsen skrev:

>> .cent{
>> text-align:center
>> }
>
> Det virker kun for MSIE.

- i versioner tidligere end IE6.

> I alle andre browsere får man
> centreret tekst i en venstrestillet boks

Sådan viser IE6 det også - såvel i Quirks mode som i Standard. Jeg
har ikke mulighed for at teste i tidligere IE-versioner.

PS: Du har byttet om på class og id i dit eksempel (css-
specifikationerne er givet med id-selectors, mens du kalder dem med
class-selectors).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

0 new messages