/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med CSS'en
Fra : Poda


Dato : 07-10-10 10:21

Hejsa.

I en div har jeg en anden div: div1 omslutter div2.

Men hvorfor stritter div2 ud af div1?

<div style=" border: solid 2px #FF3300; width:500;
margin-bottom:24px;">
<div style=" background-color:#000000; color:#FFFFFF;
padding-left: 12px; width: 230px; height: 250px; float: right;
">Denne sorte boks ligger inde i div'en med den røde ramme, men
hvorfor stritter denne sorte div ud fra den røde ramme?</div>
Dette er en div med rød ramme</div>

<div style=" border: solid 2px #99CC33; width:500;
margin-bottom:24px;">
Dette er en div med grøn ramme. Mumle mumle mumle mumle mumle
mumle mumle mumle mumle mumle mumle mumle mumle mumle mumle mumle
mumle mumle mumle mumle mumle</div>

<div style=" border: solid 2px #FF66CC; width:500;
margin-bottom:24px;">
Dette er en div med pink ramme. Mumle mumle mumle mumle mumle
mumle mumle mumle mumle mumle mumle mumle mumle mumle mumle mumle
mumle mumle mumle mumle mumle</div>

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

 
 
Allan Vebel (07-10-2010)
Kommentar
Fra : Allan Vebel


Dato : 07-10-10 12:23

Poda skrev:

> Men hvorfor stritter div2 ud af div1?

Prøv at lægge det ud på en testside, og giv et
link - så er der meget større chance for at en
vil kigge på det!

--
Allan Vebel
http://vebel.dk | http://html-faq.dk
http://webdesigngruppen.dk



Poda (07-10-2010)
Kommentar
Fra : Poda


Dato : 07-10-10 12:27

Allan Vebel wrote in dk.edb.internet.webdesign.html:
>
> Prøv at lægge det ud på en testside, og giv et
> link - så er der meget større chance for at en
> vil kigge på det!
>
men kildekoden ligger jo i spørgsmålet... Men så pyt da:
http://www.poda.dk/download/untitled-2.html

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

Birger Sørensen (07-10-2010)
Kommentar
Fra : Birger Sørensen


Dato : 07-10-10 14:00

Poda kom med følgende:
> Allan Vebel wrote in dk.edb.internet.webdesign.html:
>>
>> Prøv at lægge det ud på en testside, og giv et
>> link - så er der meget større chance for at en
>> vil kigge på det!
>>
> men kildekoden ligger jo i spørgsmålet... Men så pyt da:
> http://www.poda.dk/download/untitled-2.html

Fodi den sorte boks er floated til højre, og der ikke er nogen clearing
af float inde i den røde.
Sæt
<div style="clear:both"></div>
ind i den røde, sidst, så "vokser" den røde til at omslutte den sorte.

Birger

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



Poda (07-10-2010)
Kommentar
Fra : Poda


Dato : 07-10-10 14:30

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>
> Fodi den sorte boks er floated til højre, og der ikke er nogen clearing
> af float inde i den røde.
> Sæt
> <div style="clear:both"></div>
> ind i den røde, sidst, så "vokser" den røde til at omslutte den sorte.
>
> Birger
>
YES! - dér var den - tak for hjælpen!!

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

Jørgen Farum Jensen (07-10-2010)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 07-10-10 14:02

Den 07-10-2010 13:26, Poda skrev:
> Allan Vebel wrote in dk.edb.internet.webdesign.html:
>>
>> Prøv at lægge det ud på en testside, og giv et
>> link - så er der meget større chance for at en
>> vil kigge på det!
>>
> men kildekoden ligger jo i spørgsmålet... Men så pyt da:
> http://www.poda.dk/download/untitled-2.html
>
Og så skal vi kopiere, oprette en side på
vore egne computere, gemme den, indlæse den i
en browser og sidde og fedte med noget der
måske og måske ikke svarer til det du skriver
i en meddelelse?

Dit problem skyldes at den sorte boks er et
float'et element, der ikke har iboende højde,
der skubber til den røde boks' underkant.

Læg de to bokse i en fælles kasse og clear'e
de to bokse:
<div id="container">
<div id="redbox">
<div id="blackbox">
</div>
</div>
<div class="clear"></div>
</div>

Og læg dine stylesheet formdeklarationer i en
style-markør i head-delen af dokumentet. Det
er møgbesværligt at gennemskue en hel masse
inline styles.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Birger Sørensen (07-10-2010)
Kommentar
Fra : Birger Sørensen


Dato : 07-10-10 14:05

Følgende er skrevet af Poda:
> Allan Vebel wrote in dk.edb.internet.webdesign.html:
>>
>> Prøv at lægge det ud på en testside, og giv et
>> link - så er der meget større chance for at en
>> vil kigge på det!
>>
> men kildekoden ligger jo i spørgsmålet... Men så pyt da:
> http://www.poda.dk/download/untitled-2.html

Glemte lige - kildekoden er ligegyldig.
Der er ingen der har tid til at kopiere din kode, og sætte den op som
et rigtigt html dokument, for at verificere den fejl du mener at få.
Fejlen kan komme fra andre ting - forkert doctype f.eks. - eller
forkert includering af css eller en halv million andre steder fra, som
ikke har noget med den del af din kildekode, du deler med os.
Derfor - et link, så vi kan se det helle spille sammen (eller ikke
spille som forventet) - ellers er det ganske enkelt umuligt at svare!

Birger

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



Søg
Reklame
Statistik
Spørgsmål : 177549
Tips : 31968
Nyheder : 719565
Indlæg : 6408820
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste