Hoi.

Ik ben een website aan het maken waarvan de container 800px breed is en in het midden staat.
Ik wil dan aan de rechterkant, en aan de linkerkant een opvulling hebben door middel van een repeat image, aan elke kant een andere.

Hoe kan ik dat realiseren ik heb dit:

body,html {
margin: 0;
padding: 0;
height: 100%;
}

#container {
width: 800px;
height: 100%;
left: 50%;
margin-left: -400px;
position: absolute;
}

Nu wil ik dat rechts en links worden opgevuld met een repeat image, beide een andere, dus als ik een 1024×768 scherm heb met die worden gevuld, maar heb ik een joekel van een scherm van 1600×1200 of groter dan moet die ook opgevuld worden.

met procenten weet ik het wel, geef je die ene kant 25 mee, de container 50 en die andere kant 25. dus 100%;
Maar hoe werkt het als de container een vaste breedte heeft.

Je kunt proberen op het niveau van je container nog 2 te maken. elk aan 1 kant. En deze een breedte mee geven van 100%. Wellicht dat je moet gaan spelen met de z-index, maar dat durf ik niet te zeggen.

En als ik nu 3 divs maak, 1 links, 1 in t midden (container) en 1 rechts.
En de linker geeft ik 25% mee, dan neemt die sowieso 25% van het scherm.
Hoe kan ik dan de rechter automatisch de rest laten opvullen?

ik bedenk me net.. je kunt natuurlijk ook 1 container div maken welke je als 75% maakt.

Deze geef je een achtergrond mee voor je linker kant, en op de body zet je de achtergrond voor de rechterkant.

In je container div kun je nu gewoon je website maken in een aparte container.. genaamd wrapper ofzo.
Op die manier hou je het liquid.

edit: die wrapper moet je natuurlijk wel rechts positioneren he ;)

Dat kan ik ook even proberen! Ga weer aan de slag;) ben benieuwd.
Aanvullend bericht:
1 probleem die er bij komt kijken: de wrapper staat nooit mooi in het midden bij kleinere schermen.
Bij mijn scherm toevallig wel, maar bij bijv 1024×768 niet.
Aanvullend bericht:
Bedankt voor jullie hulp allemaal, maar ik heb de achtergrond veranderd, dit is me teveel gedoe voor een verschillende achtergrond.

Je kunt er minimale waardes aan toekennen. Dat zou geen probleem moeten zijn. Je kunt die 75% relatief maken.

Dat het een minimale waarde is, wanneer het beeld kleiner wordt, kun je zeggen, groei mee.

Hoe geef ik die minimale waarde? en wat voor waarde moet ik dan geven?
Dan zou ik min-widht: moeten gebruiken?

jep

min-width:800px;
width: 80% !important;
width: 800px;

Lees dit topic eens door zou ik zeggen:
https://www.sitedeals.nl/html-xhtml-a...ckgrounds.html

Daarin heb ik een techniek uitgelegd waarmee je links en rechts een andere
achtergrond kan instellen