website 800x600 centreren & CSS probleem ??

[Anonymous]

Hoi,
Ik heb een website gemaakt voor een 800x600 resolutie maar die wil ik nu centreren voor grotere resolutie screens.
het centreren heb ik eigenlijk wel opgelost nu maar alleen de achtergrond kleur van de body wil ik zwart hebben en niet de lichtgroene kleur die het nu nog heeft

het probleem nu:
als ik de body bgcolor verander dan veranderd een deel van de webpagina ook en dat wil ik nu net niet.

ik zou eigenlijk een webpagina willen hebben waar de "oude'layout pagina in het midden zweeft by grotere resolutie screens met de randen links en rechts zwart.

wie kan my helpen!!

oude pagina:
hoe ik het graag wil hebben maar dan wel met de randen links en rechts van de hoofdpagina zwart:

[KillerSponge]

Het probleem met de achtergrondkleur is denk ik niet zo heel moeilijk op te lossen. Zet gewoon de complete huidige body in een DIV, en geef die de huidige groene achtergrondkleur. Vervolgens geef je de body een zwarte achtergrondkleur.

Maar, over die positionering in het midden: Das niet helemaal gelukt. Alleen IE centreert hem, Opera gooit hem gewoon aan de linkerkant, en in FF staat de pagina bijna helemaal buiten beeld. Ik raad je aan daar even naar te kijken ^^

[Anonymous]

hoi,

Heb me de afgelopen dagen eens goed gebogen over het geheel en de tip om alles tussen en <div> te plaatsen, maar uiteindelijk is het me dan toch gelukt denk ik.

Het was nog niet zo eenvoudig ondat ik een menu heb dat zich niet zo een twee drie liet centreren en op de juiste plaats bleef staan.

In IE ziet het er uit zoals ik het wil hebben en hoop dat het dat nu ook in andere browsers doet
Als dat nog niet het geval is laat me het dan even weten, of nog beter tips om dat voor elkaar te krijgen.

BVD.

[KillerSponge]

Hee, ziet er al een stuk beter uit

Hij wordt nu ook in alle browser goed gecentreerd. Het enige dat nu nog schort, is dat hij in Opera en FF de groene div nét iets te smal maakt. Geen onoverkomelijk iets, maar misschien kan je er even naar kijken ^^

Oja, als je het zelf wil testen, hier kan je Opera en FF downloaden:
Opera: http://www.opera.com
Firefox: http://www.getfirefox.com

[Anonymous]

hey bedankt voor de links naar FF en Opera (had ik zelf ook wel aan kunnen denken).

Nu zie ik wat er nog aan schort maar hoe dat nu zo kan dat bruine gedoe in mijn tekst gedeelte begrijp ik helaas niet.
Het is trouwens geen <div> maar een ouderwetse <table> en die staat op 100%... dan zou er toch geen plaats moeten zijn om dat bruine gedoe er nog bij te plaatsen.!!!

Ik heb ook al de CSS proberen aan te passen #container (die ik nieuw heb gemaakt om het geheel te centereren) van 780px naar 100%. Dit omdat ik dacht dat het verschil dat ik zie op de html pagina van <table width 800px> toch nret ietsje groter is dan in #container staat aangegeven.
Maar helaas dat mocht niets helpen, geen verschil te zien.
alleen IE laat het goed zien.
heeft er iemand een idee hoe en wat ik moet doen om dit weg te werken!!

[KillerSponge]

Het is niet helemaal duidelijk hoe het in elkaar steekt, maar het ligt iig aan het 'object' dat de groene achtergrondkleur geeft (ik weet niet wat je daar uiteindelijk voor gebruikt hebt), dat niet breed genoeg is. Zit er nog een ander object naast? Probeer eens met de padding/margin te spelen?

[Anonymous]

dank je dank je dank je...

het was een behoorlijke puzzle om de laatste probleempjes weg te werken..
het lag uiteindelijk aan de CSS die de inhoud moet centreren de height stond aangegeven met een waarde die ik nu op auto heb gezet en zie alles is nu in orde.

nogmaals bedankt voor de hulp en de tips

[KillerSponge]

Mooi dat t werkt! Succes verder!