|
Categorieën >
HTML & CSS
site met vaste header
|
|
|
offline
|
Nieuw lid
|
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 |
12 antwoorden
|
|
|
offline
|
|
Wil je dat je webwinkel er beter uitziet dan de webwinkel van je concurrent? Start dan nu een webwinkel bij SEOshop. Dankzij de Template Editor kan je zelf je webwinkeldesign aanpassen (HTML/CSS). Lukt je dat niet, dan helpen we je graag. Probeer het nu 14 dagen gratis en zie waarom al 3000 webwinkeliers voor SEOshop kozen.
|
|
|
|
offline
|
Nieuw lid
|
Je schrijft "qua usability zou ik het niet aanraden" Pieter, wat bedoel je daarmee ?
|
|
|
|
offline
|

SEO guru
|
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)
|
|
offline
|
Nieuw lid
|
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.
|
|
|
|
offline
|
Lid
|
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.
|
|
|
|
offline
|
Lid
|
@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.
|
|
|
|
offline
|
HTML gevorderde
|
@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)
|
|
offline
|

SEO guru
|
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).
|
Je moet ingelogd zijn om een reactie te kunnen posten.
|
|
|