---

Hej

Jeg har læst om CSS på bl.a. html.dk, men har alligevel ikke
kunne finde ud af hvordan man begrænser hele indholdet af en html
fil til fx. 400 pixels.

Jeg har forsøgt med et style sheet som:

body {
margin-left: 50px;
margin-right: 50px;
width: 400px ;
margin-top: 10px ;
}

med det giver ikke den effekt jeg forventer.

Nogen der har et hint?


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Bent Frøslev" skrev i en meddelelse
> Hej
>
> Jeg har læst om CSS på bl.a. html.dk, men har alligevel ikke
> kunne finde ud af hvordan man begrænser hele indholdet af en html
> fil til fx. 400 pixels.
>
> Jeg har forsøgt med et style sheet som:
>
> body {
> margin-left: 50px;
> margin-right: 50px;
> width: 400px ;
> margin-top: 10px ;
> }
>
> med det giver ikke den effekt jeg forventer.
>
> Nogen der har et hint?
>

Du skal læse lidt mere om <div>.

Læg dit indhold i en <div>. I din html f.x.

<div id="Indhold">her er dit indhold</div>

og i dit CSS:

#divIndhold {
width: 400px;
margin-right: auto;
margin-left: auto;
}

vil give en 400 px bred indholdsboks, centreret horisontalt på siden.
Herefter fylder du alt dit indhold (tekst, billeder etc.) i <div>'en.

god fornøjelse

TL
- - -
www.lindkold.dk

---

TL skrev:

>#divIndhold {

skal være
div#Indhold
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

Knud Gert Ellentoft wrote:
> TL skrev:
>
>> #divIndhold {
>
> skal være
> div#Indhold

Nej eksemplet er godt nok, det går på id og ikke class der behøver man ikke
en angivelse af elementet.

Men der en ganske rigtigt en lille fejl det skal nemlig være #Indhold

Med venlig hilsen
Johnny Winther Ronnenberg



--
Det er brugeren der bestemmer
http://www.ronnenberg.dk/webaccessibility/

---

Johnny Winther Ronnenberg skrev:

>Nej eksemplet er godt nok, det går på id og ikke class der behøver man ikke
>en angivelse af elementet.

Næh, men man kan godt, så hvad svarer du egentlig på?

Man behøver det heller ikke på class.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

---

TL wrote in dk.edb.internet.webdesign.html:
> Læg dit indhold i en <div>. I din html f.x.
>
> <div id="Indhold">her er dit indhold</div>
>
> og i dit CSS:
>
> #divIndhold {
> width: 400px;
> margin-right: auto;
> margin-left: auto;
> }

Tak, det var lige det der skulle til

Nu kan jeg se at der hurtigt kommer flere div'er inden i hinanden. HVad
nu hvis en sætter en farve til sort og en anden til blå. Er det så den
sidste der bestemmer?

/ Bent

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Johnny Winther Ronnenberg skrev:

>>> #divIndhold {
>>
>> skal være
>> div#Indhold
>
> Nej eksemplet er godt nok,

Nja - der er (som du selv er inde på) ikke overensstemmelse mellem
id-navnet i html-koden og id-selektoren i css-koden.


> Men der en ganske rigtigt en lille fejl det skal nemlig være
> #Indhold

#Indhold og div#Indhold er begge gyldige selektorer til html-
elementet <div id="Indhold">


--
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