Archief - links uitgelijnde bg-image

j

j design

Legacy Member

• 6 jul 2009

• #1

Hallo iedereen

De titel laat blijken dat het een behoorlijk stomme vraag zal worden maar lees eerst goed

Het is de bedoeling een gecentreerde site te maken van een fixed width (#content).
Op zich geen probleem maar:
De achtergrond van sommige div's moet van aan de linkerkant beginnen en stoppen aan de rechter rand van #content.
Dus een soort fluid in fixed..

Schets: http://jdesign.be/userfiles/files/schets.jpg

Om te bewijzen dat ik er zelf al heb over nagedacht,
- Met een soort margin werken waardoor hij opschuift
- Overlappende afbeeldingen
- Zonder wrapper werken en width en margin meegeven.

Iemand een goeie oplossing?

w

woony

Legacy Member

• 6 jul 2009

• #2

Kijk eens naar mijn css > CFT wine - Wine wholesale - Groothandel in wijnen - home ( http://www.cftwine.be/shop/css/style.css ) mijn header is links uitgelijnd en de rest gecentreerd met fluid achtergronden. Misschien ben je er iets mee.

j

j design

Legacy Member

• 6 jul 2009

• #3

Nee eigenlijk ben ik er niets mee maar toch bedankt.
Ik weet hoe ik een fluid css moet opstellen maar de vraag is hoe ik met de achtergronden moet werken zodat je rechts een afgesneden effect krijgt.

D

Drone

Legacy Member

• 7 jul 2009

• #4

Ik heb eens iets geprobeerd. Dat het 100% correct is en dat het gaat werken in alle browsers kan ik niet garanderen. Misschien dat iemand anders het wat kan fine tunen.

Ik hoop dat het dit is wat je bedoelde .

fluid in fixed happiness

j

j design

Legacy Member

• 7 jul 2009

• #5

Dat ziet er op het eerste zicht super uit.
Precies zoals het moet.
Ik kijk het morgen wel eens na qua browser comp ect.

**
Zou het ook mogelijk zijn zonder een top mee te geven?

D

Drone

Legacy Member

• 7 jul 2009

• #6

Ja maar dan staan de link containers op elkaar . Ik neem aan als je geen top wilt dat je waarschijnlijk de content wil laten bepalen waar de link containers staan. Dan ga je zoiets als dit moeten doen.

Code:

<div id="pagina">
<div class="linkContainer">Links</div>
<p>
hier komt tekst....
</p>
<div class="linkContainer">Links</div>
<p>
hier komt tekst....
</p>
...
</div>

Zou moeten lukken met wat knip en plak werk van mijn voorbeeld. Mocht het niet lukken dan wil ik het nog wel eens proberen morgen.

j

j design

Legacy Member

• 7 jul 2009

• #7

Ik zal eerst zelf eens één en ander nog proberen.
Alvast bedankt voor de aanzet te geven.