Background top center centreren

[T i M]

Ik heb een website die op het midden van de pagina staat. Links en rechts van de site heeft de designer een shaduw rand gemaakt. Nu heb ik die randen in een nieuw plaatje gezet die ik als achtergrond wil gebruiken. Alleen geeft dat niet het gewenste resultaat.

Het plaatje is in totaal 1920px breed zodat iedereen op iedere resolutie de background goed wordt weergegeven. Het probleem is echter dat als het plaatje groter is als de ingestelde resolutie bij de gebruiker dan verspringt deze met 1px. En dan zie je een streep van boven tot onder naast de site.

Goed:


Fout:


De code die ik gebruik voor de achtergrond te centreren:

Cascading Stylesheet:

background: url("../gfx/web/bg.png") top center no-repeat

[FireDrunk]

je hebt toch wel een ; aan het eind?

[T i M]

thijs_cramer schreef op maandag 01 december 2008 @ 09:44:
je hebt toch wel een ; aan het eind?

Ja

[André]

Dat heeft te maken met afronding, hier kun je weinig aan doen. Kun je de schaduwrandjes niet aan het gecentreerde blok vastzetten ipv als achtergrond te gebruiken?

[T i M]

André schreef op maandag 01 december 2008 @ 10:03:
Dat heeft te maken met afronding, hier kun je weinig aan doen. Kun je de schaduwrandjes niet aan het gecentreerde blok vastzetten ipv als achtergrond te gebruiken?

Dat doe ik normaal wel, maar de website opsich is 1006px breedt en op de achtergrond lopen een paar stukken van de site door, dus dan wordt het te breedt.

Ik wil dat de mensen met de 1024 resolutie de site volledig kunnen weergeven.

[Verwijderd]

Heb je alle achtergronden in hetzelfde plaatje? Dus zowel de schaduwrand aan de buitenkant als het effect aan de binnenkant? Als je dat doet kan ik me niet voorstellen dat nog ergens witte randjes verschijnen. Geef anders even een link naar een voorbeeld met alle code.

[T i M]

Verwijderd schreef op maandag 01 december 2008 @ 10:13:
Heb je alle achtergronden in hetzelfde plaatje? Dus zowel de schaduwrand aan de buitenkant als het effect aan de binnenkant? Als je dat doet kan ik me niet voorstellen dat nog ergens witte randjes verschijnen. Geef anders even een link naar een voorbeeld met alle code.

Dat kan ik wel doen, dan zie je er vrij weinig van, maar de hele achtergrond verspring 1px naar links. Dus je ziet aan de rechterkant dat er een klein foutje in zit.

EDIT: ik heb het nu opgelost door aan de rechterkant 1px shaduw toe te voegen. Als je het weet en goed kijkt dan zie je het.

[ Voor 10% gewijzigd door T i M op 01-12-2008 11:57 ]

[xzaz]

thijs_cramer schreef op maandag 01 december 2008 @ 09:44:
je hebt toch wel een ; aan het eind?

Als je maar 1 regel in je class/id hebt is het niet nodig toch? Of is dat niet valid?
Overigens is dit ook wel handig: http://www.webdesignerwal...-to-css-large-background/ Op die website staan 80 voorbeelden van websites met grote achtergronden.

[ Voor 26% gewijzigd door xzaz op 01-12-2008 14:05 ]

[Da Weef]

Gebruik je voor de content achtergrond ook een plaatje (van 1006 px breed)? Dan zou je dat plaatje links en rechts één pixel transparant kunnen maken, volgens mij ben je er dan ook vanaf... Ik heb dit overigens nooit zelf geprobeerd, dus weet niet of het werkt.

EDIT: Misschien dat het ook uitmaakt als je het achtergrondplaatje van de content breder maakt dan 1006 px

[ Voor 17% gewijzigd door Da Weef op 01-12-2008 15:24 ]

[mcDavid]

T i M schreef op maandag 01 december 2008 @ 10:07:
[...]


Dat doe ik normaal wel, maar de website opsich is 1006px breedt en op de achtergrond lopen een paar stukken van de site door, dus dan wordt het te breedt.

Ik wil dat de mensen met de 1024 resolutie de site volledig kunnen weergeven.

Klinkt misschien stom, maar is het echt bezwaarlijk om de site dan 6 pixels smaller te maken om jezelf een hoop fratsen te besparen?