Ik heb een eenvoudige home gemaakt voor mijn ( toekomstige ) website in Photoshop een keurig geslicet en dan via "Save for web" opgeslaan als een html pagina ( tabel met alle stukjes keurig in ). Nu werkt iedereen niet met dezelfde schermresolutie.
Dus is mijn vraag : hoe kan ervoor zorgen dat deze tabel keurig gecentreerd wordt weergegeven in iemand zijn browser ongeacht de schermresolutie van die persoon ?
Linkje naar de bewuste pagina: hier

Misschien niet onbelangrijk: ik ben geen html expert en css moet ik echt dringen gaan leren...  
Ik heb uiteraard de zoekfunctie gebruikt en kwam wel wat dingen tegen maar om eerlijk te zijn, een oplossing heb ik nog niet gevonden.

Bert

Bert Ydiers om 8:39, 2-04-2007
...ik ben geen html expert en css moet ik echt dringen gaan leren...

Dat zou je inderdaad een hoop goeds doen

Maar om deze site gecentreerd te zetten moet je toch een stukje CSS toevoegen, en
een klein beetje in je HTML kijken. Hieronder de code;

Dit zet je in de CSS:

body, html {
margin: 0 auto;
text-align: center;
}

#content {
text-align: left;
}

Dit in je html-code van de tabel, dus zoiets:

<table id="content">
</table>

Je zoekt dus als het ware de tabel op waar je alles in hebt staan, en daar voeg je
het stukje id="content" aan toe. Je hebt namelijk nu in de CSS aangegeven
dat alles in je site gecentreerd moet staan, inclusief de tekst. Omdat alles in je site
zelf (teksten e.d.) links horen te staan, geef je in een extra stukje css aan dat de
(in dit geval) tabel met de naam "content" linkslijnende teksten moet bevatten.

Dus gewoon in dreamweaver nieuwe css openen, dit plakken en opslaan. En in m'n tabel bovenstaande toevoegen en het zou moeten werken ?
Moet ik ik m'n pagina niet linken naar het css document ?
Bert

In dit geval is het CSS stukje in diezelfde webpagina opgenomen dus dan hoeft het niet. Wil je dit extern in een .css document doen, dan wel ja.

Zonder CSS kan ook nog door gewoon align="center" toe te voegen.

(Bewerkt door Spooter om 15:10, 2-04-2007)

Beide methodes werken inderdaad om de tabel
horizontaal te centreren. Maar ik wacht al op de
volgende vraag: "En hoe moet 't dan verticaal ?"

Overigens heeft DreamWeaver CS3 goeie CSS-
hulpmiddelen (voorbeeld-pagina's) met diverse
veel gebruikte indelingen, zoals deze centrering,
inclusief CSS en 'hacks' voor nukkige browsers.

Hee!
Staan die voorbeelden ergens on-line?
Zit nog met DW 6.0 te klooien...

PS: over vertical heb ik pas nog een draadje gelezen...
Of was dat bij de buren?

PPS: ik zie dat ik het intussen ongemerkt tot MF geschopt heb!
(Ondanks mijn PS-gedrag, haha!)

(Bewerkt door Panico om 20:02, 2-04-2007)

Officieel kan je nog geen materiaal van DW CS3
on-line bespieden, maar over enkele weken kan je
vast en zeker deze (X)HTML overal tegenkomen !

Proficiat met je status - op naar "verslaafde"...  

Is ondertussen gelukt...
Verticaal centreren zou ook wel mooi zijn... Iemand?

Bert

En het is uitgevoerd...
Goedgekeurd door jullie toeziende oog en kennis   ?

Bert

verticaal centreren doe je ook met een klein css-truukje
als je een vaste hoogte hebt voor je div, table gaat het volgende echt werken.
met de negatieve marge kan je uiteraard ook de div horizontaal centreren

in je css

#container{
position:absolute;
display:block;
width:500px;
height:300px;
top:50%;
margin:-150px 0 0 0;}

in je html

<div id="container">hier de content die je verticaal wil centreren</div>

(Bewerkt door edtack om 1:10, 14-04-2007)

(Bewerkt door edtack om 1:11, 14-04-2007)

Zal ik ook eens proberen...
Bedankt voor de hulp,
Bert

@edtack Als je het scherm heel klein maakt, dan verdwijnt op jouw methode het bovenste deel van de container.