Aantal HTML vraagje/tips

[GekkeCoen]

Hallo iedereen,

Ik ben bezig met een website en kom uit een paar dingetje niet uit:

- In FireFox worden mijn div's niet gecenterd
- Hoe kan ik in FireFox ervoor zorgen dat de hele pagina geen top margin heeft

Ook vind ik de website nogal kaal, misschien iemand hier nog tips voor?

URL: http://www.KeijzerDesign.nl/Pilot/

Bijvoorbaat dank,

[SchizoDuckie]

• margin: 0 auto;
• HTML, BODY { margin-top: 0; }

graag gedaan maar dit is wel een beetje basic CSS werk Neem eens een kijkje op http://www.w3schools.com/css/ voor een uitgebreide css reference

[ Voor 59% gewijzigd door SchizoDuckie op 09-02-2006 17:09 ]

[Verwijderd]

eerste antwoord klopt, had je zelf ook kunnen bedenken (ts), want je doet het ook in je div.pagina

tweede antwoord klopt niet, of nou ja, niet in dit geval: doe geen margin-top in je div.header, maar padding-top (zoek eens op margin collapsing)

en zoek eens op semantiek ook

[ Voor 7% gewijzigd door Verwijderd op 09-02-2006 17:11 ]

[GekkeCoen]

SchizoDuckie schreef op donderdag 09 februari 2006 @ 17:08:
• margin: 0 auto;
• HTML, BODY { margin-top: 0; }

graag gedaan maar dit is wel een beetje basic CSS werk Neem eens een kijkje op http://www.w3schools.com/css/ voor een uitgebreide css reference

margin-top: 0px; had ik ook wel ingesteld, maar dit werkt zowel in IE als FireFox maar als ik bijvoorbeeld bij de header div margin-top: 20px; instel schuift de hele pagina 20px op.

[shnazzle]

div heb je inmiddels gecentered gekregen zie ik.

hele pagina geen top margin geven is gewoon in je 'body' tag in je css 'margin-top : 0px;' meegeven.

Dit had je toch ook wel kunnen vinden online dacht ik

Je hebt nog een lange weg te gaan, maar begin tips :
- als je een shadow effect gaat toepassen...doet het dan ook een beetje correct :-) Onderkant en/of bovenkant ook. Of alleen rechter zijkant en onderkant, ligt er natuurlijk aan waar het 'licht' vandaan komt.
- Tenzij je er iets mee gaat doen, menu nooit zo gecentered weergeven, komt zeer slordig over. Zet er borders omheen of lijntjes, of zo..
- combinatie van je achtergrond en strak witte content-placeholder vind ik zelf goed, maar laat dan de scheiding tussen achtergrond en content-placeholder iets beter zichtbaar zijn. (met gefixte shadows heb je dat al)

- De content doosjes rond je "welkom bla bla" en "Pilot Express + menu" niet helemaal naar links zetten maar ongeveer 5px van de witte rand links. Denk een beetje aan een A4tje met tekst, als de tekst helemaal tot de zijkant van de pagina staat zonder marges ziet het er ook niet uit

- content 'doosjes' even groot maken of tenminste een gelijke afstand tussen de doosjes en de content-placeholder geven.

- laat ASCII art voor wat het was....jaren 80 hacker werk :-) Dus niet die :: in je menus zetten

- maak een besluit of je de pagina een vaste hoogte wilt geven of aan wilt laten passen aan de content. Als je het eerste wilt moet je dus een hoogte meegeven aan je main content div en daar een 'overflow : auto' css property meegeven..

zo, imho ben je dan een stuk verder.
Het is allemaal moeilijk uit te leggen dus feel free to ask again :-)

oh...en het beste is (maar niet altijd 100% mogelijk) als je site helemaal op een grid uitgelijnd kan worden. Dan is het gegarandeerd strak.

[GekkeCoen]

Ik heb nu in mijn menu text-align: left gezet, maar de padding-left werkt niet. Nu komt de menu links helemaal tegen het logo aan terwijl hij er ongeveer 20px van af moet.

[shnazzle]

Ziet er al een stuk beter uit, lijkt alsof de tekst tegen logo probleem inmiddels is opgelost.
Alleen nog even schaduw onderin doen en wat mij betreft ben je op weg.

Success nog.