Ladda innehåll med DIV

[Kail]

Det är ju bara en fråga om content order. Använder du CSS för layout kan du lägga DIVarna i valfri ordning och sedan positionera dem som du behagar. Om du t ex lägger en marginal på 125 px ovanför innehållet kan du sedan lägga in en annons med absolut positionering:

Kod: Markera allt

...
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 125px; margin: 0; padding: 0;">
  <div style="margin: 0 auto"><!-- Banner --></div>
</div>
</body>
...

[Holger]

Jakob, det du gör är väl att visa även bannern längst ner eller?

[johanlm]

@Holger
Sök på: Source ordered layouts ( exempel på en bra artikel här: http://www.positioniseverything.net/art ... _home.html )
... då får du upp artiklar om hur du lägger upp <div> i "bakvänd" ordning i koden, men rättvänd ordning visuellt för besökaren.
Bra sidor om .CSS är (förutom WC3)

• http://www.positioniseverything.net
  http://csscreator.com

Skall jag vara HELT ärlig har jag aldrig brytt mig om detta ... Skäms för att säga det då jag gillar .CSS & <div> layouter, men ... Jag är lat ...

[Holger]

TACK johanlm! Ska titta på detta!

[Kail]

Enklaste sättet är att använda ett ramverk. Ett som verkar intressant är http://www.960.gs

[Holger]

Hm, det ända jag vill är att den del av sidan som visas överst laddas sist.

@johanlm: den sidan fattade jag inte mycket av.

[Marcus]

I 960gs går det att åstadkomma, det är byggt för att tillgodose behovet av att få ut sidans innehåll överst dessutom.

I vart fall är temat som bygger på 960gs till Drupal gjort för att man ska kunna stuva om så att det som laddas sist (eller först eller när som helst) rent layoutmässigt kan hamna först (eller var man vill). Men jag hoppas att det är en funktions som används i andra implementationer också.

/marcus

[Holger]

Nä, det här går inte. Jag behöver någon som gör detta åt mig för en liten peng. PMa

[copy112]

Problemet är löst, och för andra som undrar så använde vi javascript för att ladda 1 div med innehållet från en annan.

[Holger]

Tack Oscar! Det blev perfekt!