Grootte/plaatsing website
6 juli 2010 - 11:39   
geplaatst door: Iris1969
hoi,

a new-girl on the forum: en volgens mij met een niet al te slimme vraag... Maar ik loop er al een tijdje mee en krijg het niet voor elkaar (en nee.... niet blond....).

Een website die ik heb gemaakt (Dreamweaver CS5) verschijnt helemaal rechtsonderin in het scherm. Hoe krijg ik nou een website precies in het midden van schermen? En wat is nu, for once and for all, de ideale grootte?

Help me out please.


Iris

Grootte/plaatsing website
6 juli 2010 - 12:10    reactie #1
geplaatst door: Kapotlood
Qua breedte van je site is er niet een "once & for all" formaat :)
Op dit moment zijn een hoop nieuwe websites vaak zo'n 960px
breed, om een paar redenen:
De meeste browsers/schermen geven je een maximale ruimte van
±960px, én 960px is het ideale formaat voor grid-gebaseerde
designs. Het is deelbaar door de meeste getallen (4, 8, 12, 16 e.d.).

De reden dat je website rechtsonderaan hangt kunnen we denk ik
beter beoordelen als je de code/site even laat zien. Er kunnen nogal
wat oorzaken voor zijn namelijk ;-)

En domme vragen zijn er niet... alleen domme antwoorden :-)

Mvg,
Joram

p.s.: Welkom!!

Grootte/plaatsing website
6 juli 2010 - 12:35    reactie #2
geplaatst door: melgior
Er gaat inderdaad niet zoiets bestaan als een ideale breedte voor een website. Vooral ontwerpers die gewend zijn voor drukwerk te ontwerpen moeten hier even aan wennen: je weet niet langer precies hoe je ontwerp er uit komt te zien bij de lezer / bezoeker van de website die je maakt. Sommige mensen hebben een breedbeeld scherm, andere zullen je site bekijken op een mobiele telefoon of een netbook. Het is dus handiger je layout flexibel te maken.

Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?
Adaptive CSS-Layouts: New Era In Fluid Layouts?

Grootte/plaatsing website
6 juli 2010 - 16:57    reactie #3
geplaatst door: jack brent
Of doe zoals MF: iPad formaat.
Grootte/plaatsing website
6 juli 2010 - 17:07    reactie #4
geplaatst door: MacWim
We hebben je site nog niet kunnen zien, maar alvast een tip.
Meestal krijg je de site in het midden als je de css van de alomvattende container meegeeft: {margin:auto}. Althans, voor margin left en right.
Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 12 mini | iPad Pro 11" 2021 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Grootte/plaatsing website
6 juli 2010 - 17:25    reactie #5
geplaatst door: Kapotlood
Dit is de complete CSS code waarmee je je wrapper horizontaal
in het midden kan zetten (een kleine aanvulling op MacWim).
Verticaal staat hij dan ook bovenaan (de "0" in het stukje code).
#wrapper {
margin: 0 auto;
}

Maar het kán zijn dat dit niet werkt als je al andere dingen hebt
gedaan of als je geen codeklopper ben maar meer een iWeb gebruiker
bijvoorbeeld... maar daar hebben we even een linkje van je website
voor nodig bijvoorbeeld.

Mvg,
Joram

Grootte/plaatsing website
7 juli 2010 - 10:51    reactie #6
geplaatst door: Cailin Coilleach

Citaat
melgior om 12:35, 6-07-2010
Er gaat inderdaad niet zoiets bestaan als een ideale breedte voor een website. Vooral ontwerpers die gewend zijn voor drukwerk te ontwerpen moeten hier even aan wennen: je weet niet langer precies hoe je ontwerp er uit komt te zien bij de lezer / bezoeker van de website die je maakt. Sommige mensen hebben een breedbeeld scherm, andere zullen je site bekijken op een mobiele telefoon of een netbook. Het is dus handiger je layout flexibel te maken.

Sowieso kijken veel mensen niet eens met het browser scherm op volle grootte. Ik heb ze op kantoor bijvoorbeeld bijna altijd op maar 45% van het hele beeldscherm. Dus ja, flexibiliteit is goed :)