/ 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
wrappen klapper sammen
Fra : mikesav


Dato : 17-11-09 17:18

Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
Det drejer sig om en html kode der kan bruges til at afslutte en
wrap der ikke har defineret nogen højde.
Den styres i højden af det indhold der er kommet ind i den.
I nogle tilfælde er der en god ide at afslutte wrappen men noget
yderligere kode ud over </div>'
Specielt hvis man evt. har en border omkring div'en så vises den
kun halvt oppe og midt i siden.
Håber et kvikt hovede kan den så jeg igen kan komme videre

--
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 (17-11-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 17-11-09 17:34

mikesav skrev:
> Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
> Det drejer sig om en html kode der kan bruges til at afslutte en
> wrap der ikke har defineret nogen højde.
> Den styres i højden af det indhold der er kommet ind i den.
> I nogle tilfælde er der en god ide at afslutte wrappen men noget
> yderligere kode ud over </div>

Lige før den div indsætter du et clearing element:
<div class="clb"></div>
der formateres af følgende formdeklaration i dit
stylesheet:
..clb {clear:both;font-size:0;height:0;}

> Specielt hvis man evt. har en border omkring div'en så vises den
> kun halvt oppe og midt i siden.

http://webdesign101.dk/css/floatcontainer.php
har mere om denne sag.


--

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

mikesav (17-11-2009)
Kommentar
Fra : mikesav


Dato : 17-11-09 20:07

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> mikesav skrev:
> > Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
> > Det drejer sig om en html kode der kan bruges til at afslutte en
> > wrap der ikke har defineret nogen højde.
> > Den styres i højden af det indhold der er kommet ind i den.
> > I nogle tilfælde er der en god ide at afslutte wrappen men noget
> > yderligere kode ud over </div>
>
> Lige før den div indsætter du et clearing element:
> <div class="clb"></div>
> der formateres af følgende formdeklaration i dit
> stylesheet:
> ..clb {clear:both;font-size:0;height:0;}
>
> > Specielt hvis man evt. har en border omkring div'en så vises den
> > kun halvt oppe og midt i siden.
>
> http://webdesign101.dk/css/floatcontainer.php
> har mere om denne sag.
>
>
> --
>
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
> ..
Hej Jørgen
Tak for din hjælp, men jeg fandt min gamle løsning her ved et
tilfælde, og bruger <div style="clear: both;"> lige efter wrappens div
afslutning, det fungere fint, vil prøve din løsning senere

Mvh Kim

--
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 (17-11-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 17-11-09 21:57

mikesav skrev:


> Tak for din hjælp, men jeg fandt min gamle løsning her ved et
> tilfælde, og bruger <div style="clear: both;"> lige efter wrappens div
> afslutning, det fungere fint, vil prøve din løsning senere
>

Det lyder forkert. For det første skal div'en
afsluttes, og for det andet er det eller de
float'ede elementer der er /inde i/
"wrapper'en" der skal clear'es for at
det element, der fylder mest,kan skubbe
wrapper'ens underkant nedad.

Men hvis du havde et link til siden
kunne det måske afgøre sagen...


--
--
Med venlig hilsen
Jørgen Farum Jensen
http://webdesign101.dk
..

Jahirah (21-11-2009)
Kommentar
Fra : Jahirah


Dato : 21-11-09 17:22

mikesav wrote in dk.edb.internet.webdesign.html:

> Hej Jørgen
> Tak for din hjælp, men jeg fandt min gamle løsning her ved et
> tilfælde, og bruger <div style="clear: both;"> lige efter wrappens div
> afslutning, det fungere fint, vil prøve din løsning senere

---------------8<------
.... Du kan lige så godt lære det, når du nu er ved det.
Alt der har en start, har en slut. Ret simpel huskeregel, så din gamle
metode vil højst sansynelig ikke validere.

//Jahirah

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

Dammark (26-11-2009)
Kommentar
Fra : Dammark


Dato : 26-11-09 15:34

On Nov 17, 5:18 pm, mikesav <kim_v...@hotmail.com> wrote:
> Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
> Det drejer sig om en html kode der kan bruges til at afslutte en
> wrap der ikke har defineret nogen højde.
> Den styres i højden af det indhold der er kommet ind i den.
> I nogle tilfælde er der en god ide at afslutte wrappen men noget
> yderligere kode ud over </div>'
> Specielt hvis man evt. har en border omkring div'en så vises den
> kun halvt oppe og midt i siden.
> Håber et kvikt hovede kan den så jeg igen kan komme videre
>
> --
> 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

Wrapperen klapper sikkert sammen fordi den indeholder floatede
elementer.
Hvis wrapperen skal justere sin højde efter sit floatede indhold, ja
så skal den selv floates.

// Sebastian

Birger Sørensen (27-11-2009)
Kommentar
Fra : Birger Sørensen


Dato : 27-11-09 03:56

Dammark forklarede:
> On Nov 17, 5:18 pm, mikesav <kim_v...@hotmail.com> wrote:
>> Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
>> Det drejer sig om en html kode der kan bruges til at afslutte en
>> wrap der ikke har defineret nogen højde.
>> Den styres i højden af det indhold der er kommet ind i den.
>> I nogle tilfælde er der en god ide at afslutte wrappen men noget
>> yderligere kode ud over </div>'
>> Specielt hvis man evt. har en border omkring div'en så vises den
>> kun halvt oppe og midt i siden.
>> Håber et kvikt hovede kan den så jeg igen kan komme videre
>>
>> --
>> 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
>
> Wrapperen klapper sikkert sammen fordi den indeholder floatede
> elementer.
> Hvis wrapperen skal justere sin højde efter sit floatede indhold, ja
> så skal den selv floates.
>
> // Sebastian

Nej. Men inholdets floating skal cleares, inden wrapperen lukkes.

Birger

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



Dammark (28-11-2009)
Kommentar
Fra : Dammark


Dato : 28-11-09 13:51

On Nov 27, 3:56 am, Birger Sørensen <s...@bbsorensen.com> wrote:
> Dammark forklarede:
>
>
>
>
>
> > On Nov 17, 5:18 pm, mikesav <kim_v...@hotmail.com> wrote:
> >> Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
> >> Det drejer sig om en html kode der kan bruges til at afslutte en
> >> wrap der ikke har defineret nogen højde.
> >> Den styres i højden af det indhold der er kommet ind i den.
> >> I nogle tilfælde er der en god ide at afslutte wrappen men noget
> >> yderligere kode ud over </div>'
> >> Specielt hvis man evt. har en border omkring div'en så vises den
> >> kun halvt oppe og midt i siden.
> >> Håber et kvikt hovede kan den så jeg igen kan komme videre
>
> >> --
> >> 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
>
> > Wrapperen klapper sikkert sammen fordi den indeholder floatede
> > elementer.
> > Hvis wrapperen skal justere sin højde efter sit floatede indhold, ja
> > så skal den selv floates.
>
> > // Sebastian
>
> Nej. Men inholdets floating skal cleares, inden wrapperen lukkes.
>
> Birger
>
> --http://varmeretter.dk- billig, sund og hurtig madhttp://bbsorensen.dk

En anden måde at løse det på er følgende:
div#wrapper {
overflow: auto;
width: 100%
}

Jeg kan ikke se hvorfor man skal bruge et markup element når der ikke
markeres noget indhold.

// Dammark

Birger Sørensen (29-11-2009)
Kommentar
Fra : Birger Sørensen


Dato : 29-11-09 00:12

Dammark kom med følgende:
> On Nov 27, 3:56 am, Birger Sørensen <s...@bbsorensen.com> wrote:
>> Dammark forklarede:
>>
>>
>>
>>
>>
>>> On Nov 17, 5:18 pm, mikesav <kim_v...@hotmail.com> wrote:
>>>> Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
>>>> Det drejer sig om en html kode der kan bruges til at afslutte en
>>>> wrap der ikke har defineret nogen højde.
>>>> Den styres i højden af det indhold der er kommet ind i den.
>>>> I nogle tilfælde er der en god ide at afslutte wrappen men noget
>>>> yderligere kode ud over </div>'
>>>> Specielt hvis man evt. har en border omkring div'en så vises den
>>>> kun halvt oppe og midt i siden.
>>>> Håber et kvikt hovede kan den så jeg igen kan komme videre
>>>> --
>>>> 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
>>> Wrapperen klapper sikkert sammen fordi den indeholder floatede
>>> elementer.
>>> Hvis wrapperen skal justere sin højde efter sit floatede indhold, ja
>>> så skal den selv floates.
>>
>>> // Sebastian
>>
>> Nej. Men inholdets floating skal cleares, inden wrapperen lukkes.
>>
>> Birger
>>
>> --http://varmeretter.dk- billig, sund og hurtig madhttp://bbsorensen.dk
>
> En anden måde at løse det på er følgende:
> div#wrapper {
> overflow: auto;
> width: 100%
> }
>
> Jeg kan ikke se hvorfor man skal bruge et markup element når der ikke
> markeres noget indhold.
>
> // Dammark

Ved ikke lige, om overflow kan afslutte ordne floating. Men det er da
et forsøg værd.
Og pointen med en wrapper, er ganske ofte at begrænse bredden, til
noget der er mindre end 100%. Men hvis det virker, går det måske også
med andet end 100%?

Grunden til at det er nødvendigt at "afslutte" floatede elementer med
en clear, er netop, at browserne ikke selv er i stand til at afgøre
hvornår floatingen ender, og altså ikke kan beregne en højde for det
omgivende element.
Bruger man det omgivende element til f.eks. baggrund eller en border,
får man et problem, fordi det så ikke omslutter floatede elementer, der
ikke afsluttes.

Birger

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



Dammark (29-11-2009)
Kommentar
Fra : Dammark


Dato : 29-11-09 10:52

On 29 Nov., 00:12, Birger Sørensen <s...@bbsorensen.com> wrote:
> Dammark kom med følgende:
>
>
>
>
>
> > On Nov 27, 3:56 am, Birger Sørensen <s...@bbsorensen.com> wrote:
> >> Dammark forklarede:
>
> >>> On Nov 17, 5:18 pm, mikesav <kim_v...@hotmail.com> wrote:
> >>>> Hej jeg sidder med et problem fordi jeg har forlagt mine notater.
> >>>> Det drejer sig om en html kode der kan bruges til at afslutte en
> >>>> wrap der ikke har defineret nogen højde.
> >>>> Den styres i højden af det indhold der er kommet ind i den.
> >>>> I nogle tilfælde er der en god ide at afslutte wrappen men noget
> >>>> yderligere kode ud over </div>'
> >>>> Specielt hvis man evt. har en border omkring div'en så vises den
> >>>> kun halvt oppe og midt i siden.
> >>>> Håber et kvikt hovede kan den så jeg igen kan komme videre
> >>>> --
> >>>> 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
> >>> Wrapperen klapper sikkert sammen fordi den indeholder floatede
> >>> elementer.
> >>> Hvis wrapperen skal justere sin højde efter sit floatede indhold, ja
> >>> så skal den selv floates.
>
> >>> // Sebastian
>
> >> Nej. Men inholdets floating skal cleares, inden wrapperen lukkes.
>
> >> Birger
>
> >> --http://varmeretter.dk-billig, sund og hurtig madhttp://bbsorensen.dk
>
> > En anden måde at løse det på er følgende:
> > div#wrapper {
> >   overflow: auto;
> >   width: 100%
> > }
>
> > Jeg kan ikke se hvorfor man skal bruge et markup element når der ikke
> > markeres noget indhold.
>
> > // Dammark
>
> Ved ikke lige, om overflow kan afslutte ordne floating. Men det er da
> et forsøg værd.
> Og pointen med en wrapper, er ganske ofte at begrænse bredden, til
> noget der er mindre end 100%. Men hvis det virker, går det måske også
> med andet end 100%?
>
> Grunden til at det er nødvendigt at "afslutte" floatede elementer med
> en clear, er netop, at browserne ikke selv er i stand til at afgøre
> hvornår floatingen ender, og altså ikke kan beregne en højde for det
> omgivende element.
> Bruger man det omgivende element til f.eks. baggrund eller en border,
> får man et problem, fordi det så ikke omslutter floatede elementer, der
> ikke afsluttes.
>
> Birger
>
> --http://varmeretter.dk- billig, sund og hurtig madhttp://bbsorensen.dk

Det er jo ikke wrapperen der er problemet. Det er den typiske <div
style="clear:both;"></div> som mange bruger.
Det er en gammel måde at gøre det på og har intet med semantisk markup
at gøre.

Den eneste grund til at vi bruger XHTML er for at vi kan markere vores
indhold.
Bruger man XHTML til andet bør det absolut være sidste udvej.

Tjek dette link: http://www.quirksmode.org/css/clearing.html
Dette site er guld værd.

// Dammark

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408919
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste