[CSS] Div mee-herhalen met tekst

[Rogier.V]

opgelost

[ Voor 99% gewijzigd door Rogier.V op 19-04-2010 22:45 ]

[--MeAngry--]

Waarom zijn de bruine zijkaders met patroon onderdeel van de footer? Want als je dat niet zou doen ben je er al. (De footer dus net zo breed maken als de content.)

[brtk]

Als ik er snel over nadenk denk ik dat het met de welbekende "Faux Columns" wel opgelost kan worden. Zoek daar maar eens op met vriend google.

[Gamebuster]

Geen height opgeven.

Echter, de andere divs ernaast even hoog laten zijn als de content-div kan niet zonder javascript. Er zijn wel alternatieven, zoals het gebruik van table of het gebruik van een container-div. Een table is lekker makkelijk, alleen niet zo netjes.

En inderdaad, faux columns, zoals hierboven wordt gezegd. Die oplossing is echter niet echt simpel.

[ Voor 16% gewijzigd door Gamebuster op 16-02-2010 14:47 ]

[Bosmonster]

Ik zie niks wat je niet gewoon met 2 achtergrondplaatjes op kunt lossen.

Ik herhaal mezelf maar weer eens: Denk in LAGEN, niet in BLOKKEN.

[Flowmo]

Bosmonster schreef op dinsdag 16 februari 2010 @ 14:50:
Ik zie niks wat je niet gewoon met 2 achtergrondplaatjes op kunt lossen.

Ik herhaal mezelf maar weer eens: Denk in LAGEN, niet in BLOKKEN.

QFT. Kon het niet beter verwoorden.

En waarom ook alles absolute gepositioneerd? Waarom niet gewoon met margins en floats werken? Of is dit van die mooie html code gegenereerd door een image slicer?

[ Voor 22% gewijzigd door Flowmo op 16-02-2010 14:58 ]

[macciez]

omdat ik niet helemaal zie wat je bedoelt kan mijn suggestie volledig fout zijn, maar kun je niet gewoon de body die achtergrond meegeven? (dan ga ik ervan uit dat het wit links en rechts bij de tekening horen, maar niet bij de website)

[MueR]

Ik weet niet met welke WYSIWYG editor je dit bij elkaar hebt gesleept, maar al die position absolutes heb je niet nodig. Verder met Bosmonster.

[Rogier.V]

Bosmonster schreef op dinsdag 16 februari 2010 @ 14:50:
Ik zie niks wat je niet gewoon met 2 achtergrondplaatjes op kunt lossen.

Ik herhaal mezelf maar weer eens: Denk in LAGEN, niet in BLOKKEN.

Bedoel je dan dat je alles behalve het content vak in de achtergrond zet, en alleen dus een content DIV overhoudt?
Ik ga dit even proberen, lijkt me op dit moment het meest logisch/snelst van de genoemde oplossingen.

[Bosmonster]

Rogier.V schreef op dinsdag 16 februari 2010 @ 15:02:
[...]


Bedoel je dan dat je alles behalve het content vak in de achtergrond zet, en alleen dus een content DIV overhoudt?
Ik ga dit even proberen, lijkt me op dit moment het meest logisch/snelst van de genoemde oplossingen.

Herhalende strook op body background. Hieroverheen een div met de bovenkant van je background (lagen dus). Beiden kun je centreren met background-position. Achtergrond klaar met 1 div.

Daaroverheen kun je met margin: 0 auto gewoon je content div plaatsen. Deze hoeft dan niet eens een background te hebben.

Extreem simpel (maar natuurlijk wel heel mooi gephotoshopt) voorbeeldje: http://bosmonster.nl/html/bgsample

[ Voor 11% gewijzigd door Bosmonster op 16-02-2010 15:34 ]

[Rogier.V]

Bedankt! Daar kan ik zeker wat mee.
Ik zal er vanavond even mee aan de slag gaan.