---

Hej folkens,

Jeg er stødt på et problem, der er så simpelt, at jeg ikke kan
løse det :) Det drejer sig om hjemmesiden www.kennico.dk med
stylesheet www.kennico.dk/kennicoCSS.css.

Jeg har følgende to spørgsmål:

1. Hvorfor virker margin-top ikke for den røde boks?
2. Hvis jeg sætter en float: left; på den røde box, så passer
både margin-left og margin-top, men så forsvinder margin-top på
den hvide boks. Hvorfor?

Måske jeg har set mig blindt på det. Håber på jeres hjælp.

Kenneth





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

---

Videre er det ikke muligt at flytte den hvide box helt op til
toppen (margin-top:0px;).

For at gøre det hele mere underligt, så kan min kammrat se siden
helt perfekt. Jeg forstår det simpelthen ikke. Jeg har testet
med:

FF 3.0.5 (dansk)
IE 8.0.600118241 (engelsk)

og min kammerat

IE 7.0.5730.11 (dansk)

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

---

Kenneth wrote:
> Hej folkens,
>
> Jeg er stødt på et problem, der er så simpelt, at jeg ikke kan
> løse det :) Det drejer sig om hjemmesiden www.kennico.dk med

Sætter du en padding-top:10px på #wrapper, kommer den røde boks ned.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:

> Sætter du en padding-top:10px på #wrapper, kommer den røde boks ned.

Super, tak for det. Men det irriterer mig nu stadig lidt, at jeg ikke
kunne løse det med margin ;)

> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://ginnerskov.dk
> http://vestfynswebdesign.dk - http://html-faq.dk
>


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

---

Kenneth skrev den 28-01-2009:
> Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
>
>> Sætter du en padding-top:10px på #wrapper, kommer den røde boks ned.
>
> Super, tak for det. Men det irriterer mig nu stadig lidt, at jeg ikke
> kunne løse det med margin ;)
>
>> --
>> Med venlig hilsen
>> Erik Ginnerskov
>> http://hjemmesideskolen.dk - http://ginnerskov.dk
>> http://vestfynswebdesign.dk - http://html-faq.dk
>>

Margin er den ydre afstand til andre elementer i den samme container.
Der er ikke nogen elementer i din container, oven over boxen.
Padding er afstanden til andre elementer inde i elementet selv.

Det sagt, har du helt ret. Der er ikke enighed om fortolkningen - i
hvert fald ikke om visningen.
Hvilket også illustreres af at sættes 10px på som padding, bliver
margin pludselig effektiv også, og elementet rykker 20px ind (i FF).

Kan du ikke bruge det til andet, så har du nu oplevet, at man skal
tænke grundigt over, om man skal bruge margin eller padding - specielt
når man ikke bruger border.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Et godt sted og lærer CSS http://www.w3schools.com/css/default.asp

Det der med float det syns jeg har været forvirrende men prøv sådan
her når du skal floate.

Først laver du dit indhold <div style="border:1px solid red; width:
400px; height:200px; margin:20px;">her er noget indhold</div>
Hvis du vil floate det så lav en ny tag udenom dit indhold. for
eksempel
<span style="float:left;"><div style="border:1px solid red; width:
400px; height:200px; margin:20px;">her er noget indhold</div></span>

---

ScooterGrisen <fedblindkat@yahoo.dk> skrev :

><span style="float:left;"><div style="border:1px solid red; width:
>400px; height:200px; margin:20px;">her er noget indhold</div></span>

Man må ikke have et blockelement inde i et inlineelement (som
<span> er).

Man kan have det inde i en anden <div>
--
Kerim

---

Tak for jeres svar - det hele virker nu :) Jeg havde bl.a. rodet
rundt i position:relative/absolute. Men ja, bokse inden i bokse
uden indhold bladet med padding giver en del kvaler!

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

---

Nu har jeg selv rodet med hjemmesider, html og css i en del år -
men det var virkelig begrænset hvor meget jeg vidste i lang lang
tid. Derfor havde jeg ekstremt mange problemer med at specielt
positionere og bokse samt mange andre ting...

Indtil jeg kom herind forbi, og blev introduceret for Jørgens
side http://webdesign101.dk

Jeg kan VIRKELIG anbefale at bruge den som et lettere
opslagsværk! Og hvis du il gå rigtig hårdt til den sku du låne
eller købe 3 af hans udgivelser;

Webdesign - Illustreret håndbog
Webdesign med stylesheets
Webdesign med XHTML

Jeg fik de 3 ovenstående til jul og de er eminente som både
opslagsværker og for forståelse af hele conceptet. Specielt
Webdesign med Stylesheets har gjort mig væsentligt klogere!

God fornøjelse!

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