login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > HTML & CSS

site met vaste header

Turtlehost

frehen – 06/12/2011 10:30
Hallo geniën,
Ik wil een website maken waarbij de header vast blijft staan. De pagina's
daaronder hebben inclusief de header een maximale hoogte van 768 pixels en
indien hoger moeten ze dus scrollen, echter ze scrollen dan achter de vaste
header weg. Elke pagina heeft links ook een vaste navigatiekolom.
De pagina's verschijnen dus onder de vaste header.
Nou zou ik dat voorheen met tabel gemaakt hebben, maar kom er met DIV even
niet uit. Werk je dan met een wrapper of een container en hoe zorg je dat
alles wat daarin verschijnt gaat scrollen... Heb een pdf gemaakt zoals het er
ongeveer uit moet gaan zien. Kunnen jullie me op weg helpen ? Alvast dank.

Site met vaste header.pdf


Pagina:

12 antwoorden

Hosting Vergelijken

Pieter – 06/12/2011 10:53
Geef de header div een position: fixed. Allemaal mogelijk dus, maar qua usability zou ik het niet aanraden.  

frehen – 06/12/2011 11:18
Je schrijft "qua usability zou ik het niet aanraden" Pieter, wat bedoel je daarmee ?

Pieter – 06/12/2011 11:29
Je neemt ruimte weg van je inhoud, mensen scrollen niet zo graag (omdat dit extra acties zijn).
Bijgevolg zullen minder mensen de inhoud effectief 'ontdekken'.

Kijk eens op http://browsersize.googlelabs.com/ en test een aantal websites. Als je je header continu in beeld blijft houden, is er procentueel minder zicht voor het belangrijkste: de inhoud.

frehen – 06/12/2011 11:40 (Laatst gewijzigd op 06/12/2011 14:21)
Daar heb je inderdaad een punt Pieter.
Degene die dit aan me vroeg denkt echter dat het mooi is als de header in beeld blijft. Voor herkenbaarheid. Maar heeft geen erg in dit punt dus.
Ik heb het ook nog nooit zo gemaakt dat de header in beeld blijft. Ik kan dit beter uit zijn hoofd praten dus.

Andere vraag. Waarom is de achtergrondafbeelding in mijn header niet te zien.
In mijn css heb ik het zo staan:

Plaatscode: 141436
De afbeelding laat zich echter niet zien. Wat is hier fout aan ?

Never mind, heb het in de DIV zelf geregeld en niet in de CSS. Dat werkte wel.

FrankieC – 08/12/2011 11:48
Citaat:
Never mind, heb het in de DIV zelf geregeld en niet in de CSS. Dat werkte wel.

Dat kun je beter niet doen, want als je die afbeelding wilt veranderen moet je op alle pagina's de code veranderen. Waarschijnlijk maak je de fout dat je de url naar de afbeelding rekent vanuit het stijlblad. Je moet rekenen vanuit de pagina waar het stijlblad ingeroepen wordt.

Pieter – 08/12/2011 12:33
@FrankieC, dat is toch afhankelijk hoe hij zijn templating doet? In WordPress is het slechts aan te passen op 1 plek, de header.php file. Eigenlijk zoveel werk als de CSS file openen dus. 

FrankieC – 09/12/2011 21:15
@Pieter:

Daar heb je op zich gelijk in, maar ik vind niets in zijn berichten dat wijst op WordPressing, wel van alles dat wijst op zelf een website maken -- inclusief stijlblad.

Pieter – 12/12/2011 07:44
@FrankieC, dat kan evengoed bij Joomla, Drupal,...En bij een eigen gefabriceerde website waar hij een simpele php include doet van de header. 

WouterJ – 12/12/2011 08:32
@Pieter, maar ook al hoeft hij met maar op 1 plek aan te passen inline CSS is nooit goed:
1) Je moet alle scripttalen zoveel mogelijk scheiden, dus CSS in een stylesheet HTML in een html file en PHP boven de HTML in een PHP file.
2) Het zorgt voor een slechte HTML/text ratio (slecht voor SEO)
3) Je kan CSS nooit zo mooi weergeven als in een stylesheet en dus wordt je CSS nooit overzichtelijk.

Pieter – 12/12/2011 08:39 (Laatst gewijzigd op 12/12/2011 08:40)
Je argumenten zijn correct WouterJ, 100% mee eens...maar wie zegt dat hij het met inline CSS oplost?
Ik zie het eerder als een gewone img in zijn header div, eerder dan een background-image met wat CSS in die div.
En dàt lijkt me wel ok, omdat je dan ook gemakkelijker semantisch correct kan verderbouwen met een aanklikbare image header (voor usability wel goed).  

Gesponsorde links


Pagina:

Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten:

© 2002-2014 Sitemasters.be - Regels - Gehost door: FireMultimedia - Laadtijd: 0.323s