Div uden at skubbe resten

På testsiden kan jeg ikke se problemet. Måske kunne du beskrive det lidt nærmere?

Kunne løsningen være at lægge den ene div inden i den anden, eller skal du ligge hver for sig?

For at se problemet: Den røde boks markerer div'et "content". Prøver du at mindske vinduets højde, vil scrollbaren allerede dukke op, når der er 16 px fra bunden af body (vinduets bund) til bunden af "content". Dette er ikke ønskeligt og vidner om en eventuel skjult problematik, hvorfor jeg ønsker en bedre løsning.

Egentlig er jeg ligeglad med, hvordan problemet løses, så hvis du har et bedre forslag, kan vi starte fra bunden: Jeg har følgende opbygning:

|- main
  |- content

Jeg vil gerne have sat en div ind, så den ligger bag content. Jeg kan imidlertid ikke bruge main's indbyggede background-property, da denne skal bruges til en egentlig baggrund (og da denne skal repeates, så skyggen desværre ikke kan implementeres direkte i billedfilen). Hvordan kan jeg gøre? Jeg vil om muligt gerne undgå at opgive alting i absolutte koordinater, selvom dette selvfølgelig altid er en løsning.

I div#main > div:first-child har du height: 16px mens du i div#content har top: -16px i FF 3 giver det de 16px i bunden som skal væk, så prøv at slette dem.

I hvilken browser se du siden, for den er ikke særlig ens i FF og IE

Jeg bruger altid Firefox som udgangspunkt og forsøger så efter udviklingen at få det til at virke i IE også.

Hvis jeg sletter height:16px på skyggen, bliver den ikke synlig, og hvis jeg sletter top:-16px på content, bliver den rykket nedad af skyggen. Det er jo netop derfor, jeg har de to værdier :) Men jeg går ud fra, der er et alternativ, siden dette ikke er en god løsning?

Virker dette her ikke fint (selvfølgelig uden "top: -16px;")?

<div id="main">
    <div>
            <div id="content">
            <p>Blah, blah, blah.</p>
            </div>
    </div>
</div>

Det gør det i hvert fald hos mig.

Men hvor er skyggen?

Jeg tror bare, jeg prøver med absolute... Jeg skriver tilbage.

<ole>

Et a element må/kan i øvrigt ikke indeholde et h1

/mvh
</bole>

#8
Nej, det fandt jeg ud af men har endnu ikke haft tid til at kigge på. Så skal jeg vel lave et skjult H1 uden for a for semantikkens skyld samt en div med samme tekst over billedet i selve linket for at opnå samme effekt uden at bryde regler? Jeg tror sgu aldrig, jeg kommer til at bryde mig om HTML :)

På min computer virker siden helt fint selvom jeg propper den ene div inden i den anden, inklusiv skygge.

HTML er vidunderlig enkelt. Men det kræver naturligvis, man sætter sig ned og lærer det, før man skal bruge det til noget  =)

At du ikke kan have et block element i et inline element har ikke som sådan noget med semantik at gøre. Det lader sig af helt naturlige årsager ikke gøre at have en blok midt i en linje. Det giver mening og lader sig gøre at have en passager i en bil - men ikke at have en bil i en passager  ;o)

- men så længe, du tror, det handler om at drible rundt om at bryde regler, kommer du ganske logisk ikke til at synes om HTML. Det handler om at lære - og at forstå - reglerne. Så er der yderst sjældent tvivl om, hvad man skal gøre  =)

Tja, jeg synes, at problemet med HTML er, at det oprindeligt er stykket sammen til helt enkelt at fremvise data, mens det i dag anvendes i symbiose med CSS til langt mere avancerede præsentationer, hvormed en stor del af de elementære koncepter enten fordrejes eller udebliver. For mig at se ville et XML-dokument med objekter tilknyttet et CSS fungere langt bedre til nutidens hjemmesider.

Anyway, jeg har tidligere prøvet at gøre H1 til block, hvilket også gav fejl... Hvorfor?

Og til emnet: Okaj, jeg prøver lige med to niveauer af div.

I det aktuelle eksempel er det netop koderen, der fordrejer de helt elementære koncepter. En blok af indhold kan naturligt nok ikke findes i en tekstlinje  =)

Inden siden kan styles, skal HTML koden - p.gr.a. CSS' regler om kaskade og arv - være parsed. Derfor gør det ingen forskel på, om du med CSS gør et inline element til et block element.

Det gør absolut heller ingen forskel, om du giver et block element som et h1 element display:block  ;o)

Har du prøvet at ændre din margin på din div#content til dette
margin:    -16px  auto 0px auto; og slettet din top: -16px

Jeg er helt enig i hvad olebole skriver, en valid kode er et must, derefter optimer den så den giver så ens et udsendene som muligt i flest mulige browser.

Som jeg har set/husker olebole har skrivet før, en valid kode er ikke nødvendigvis en god kode, men en god kode er altid valid :-)

Det lyder unægtelig som den gamle røver!  ;D

Div i div på min computer:
http://jacobbundgaard.dk/misc/eksperten/divindiv.jpg

Pt. Tak for hjælpen. Du fik mig til at rydde op i misc mappen på min hjemmeside, som i årevis har flydt over med rod :)

Så dividiver jeg den sgu :)

Heh, du må ikke blande matematik og html sammen. Det er imod standarterne.

Glemt tråd, svar for point. Sorry.

Hvis det var mig du mente, kommer her et svar.