Archief - css probleem: positioneren menu

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

tripomatic

Legacy Member
Hey

Ik zit met een probleempje

Ik wil namelijk een menu, onderaan een site plaatsen, maar dit lukt niet al te goed. Het is namelijk de bedoeling dat het menu daar vast staat zodat het niet moet om door de totale site te scrollen voor het menu te bereiken. Het enige waarin gescrolled mag worden is namelijk de inhoud, dit is perfect doenbaar door overflow:auto te gebruiken.

http://www.djseth.be/ledimanche/
http://www.djseth.be/ledimanche/clubledimanche.css

Dit zou het moeten worden eigelijk
http://www.djseth.be/ledimanche/ledimanche7.jpg

Enkel hetgeen in de dikke witte kader, mag scrollen, rest moet vast staan zodat men niet met gans de browser moet scrollen voor aan het menu te kunnen. Dit mag enkel in het geval dat de browser te klein wordt voor het mooi weer te geven.

Iemand enig id hoe ik dit kan doen?

mvg
Stijn

servi

Legacy Member
probeer dit eens :

#menucontainer {
background-color: transparent;
height: 71px;
width: 371px;
z-index: 3;
margin-bottom: 0px;
margin-top: -20px;
position: absolute;
bottom : 50px;
left : 50px;
border: 1px white solid;
}

[ImpacT]

Legacy Member
Leert eers eens coden met <div>'s want hoe dat gij bezig zijt is al totaal verkeerd. Een <div> is geen vervanging van een <table> eh...

'k Weet trouwens niet wat jou "skills" in CSS zijn, maar voor te coden in <div> style moet uw CSS skill redelijk hoog zijn, want hier komt heel wat bij kijken.
Wat ik je dus aanraad is, doe het met tables... bespaart u veel kopzorgen.

PS : gebruik classes ipv van ID's want ID's zijn hier totaal nutteloos.

Dece

Legacy Member
is toch perfect te doen met een absolute positionering?

Code:
#footer
{
    position: absolute;
    bottom: 0px;
    left: 10px;
}

EDIT: zo als servi al zei dus...

tripomatic

Legacy Member
[ImpacT] zei:
Leert eers eens coden met <div>'s want hoe dat gij bezig zijt is al totaal verkeerd. Een <div> is geen vervanging van een <table> eh...

'k Weet trouwens niet wat jou "skills" in CSS zijn, maar voor te coden in <div> style moet uw CSS skill redelijk hoog zijn, want hier komt heel wat bij kijken.
Wat ik je dus aanraad is, doe het met tables... bespaart u veel kopzorgen.

PS : gebruik classes ipv van ID's want ID's zijn hier totaal nutteloos.

Naarwat ik geleerd heb, gebruik je tabellen voor data in te zetten, css is voor layout. ID's gebruik je normaal voor dingen die maar 1maal voor komen? classes voor dingen die je meerdere keren gebruikt?

Ik vertik het om met tables te doen, dit is achteruit gaan, ook al zit ik met kopzorgen. Een mens kan maar bijleren ook eh :-).

Wat is er verkeerd aan het toepassen van mijn div's? Altijd handig om te weten, wat ik verkeerd doe.

thx

[ImpacT]

Legacy Member
Ooit van Semantic Coding gehoord ?? Daar draait heel dit soort "coderen" rond als je dit doorhebt dan kan je fatsoenlijk je webistes maken, weet je dit niet, dan zal je website op zich wel werken, maar is het eigenlijk volledig verkeerd volgens de standaarden. En zo zijn er hier zoveeel mensen die het nog steeds niet door hebben.

http://www.andybudd.com/archives/2004/05/semantic_coding/
http://www.tekstenuitleg.net/artikelen/zelf_website_maken/6
http://annevankesteren.nl/2004/11-structurering.nl.html

Genoeg over te vinden. Als je alles en nog wat in <div>'s gaat zitten gooien, ben je NIET goed bezig.

tripomatic

Legacy Member
[ImpacT] zei:
Ooit van Semantic Coding gehoord ?? Daar draait heel dit soort "coderen" rond als je dit doorhebt dan kan je fatsoenlijk je webistes maken, weet je dit niet, dan zal je website op zich wel werken, maar is het eigenlijk volledig verkeerd volgens de standaarden. En zo zijn er hier zoveeel mensen die het nog steeds niet door hebben.

http://www.andybudd.com/archives/2004/05/semantic_coding/
http://www.tekstenuitleg.net/artikelen/zelf_website_maken/6
http://annevankesteren.nl/2004/11-structurering.nl.html

Genoeg over te vinden. Als je alles en nog wat in <div>'s gaat zitten gooien, ben je NIET goed bezig.


ok, merci voor links & uitleg, zal die keer bestuderen.

dskjt

Legacy Member
ff reageren:
Voor de opmaak van een pagina bevelen profi webmasters vaak het gebruik van DIV en CSS aan in plaats van tabellen. Je kunt met deze technieken pagina-elementen site-breed op de pagina positioneren en styleren vanuit een centraal CSS document.

In deze uitleg maken we een website met tabellen. Het is makkelijk en het werkt en dat is nu even het uitgangspunt. Houd als je zelf een website gaat maken wel het begrip semantiek in je achterhoofd, omdat het ook van invloed is op hoe zoekmachines de inhoud van een pagina beoordelen. In een perfecte wereld bestaan er alleen semantisch correcte webpagina's met geldige HTML. Maar de wereld is niet perfect, dus je bent niet verloren met een tabellen-opmaak. Tekstenuitleg is er ook mee opgegroeid.

dit komt uit je tweede link. Uit da stuk haal ik toch dat tabellen voor tabulaire data is ( want dan inderdaad 'semantiek' ( duur woord ) is. ), en niet dienen om je website vorm te geven.

edit: over die div's heb je wel gelijk

tripomatic

Legacy Member
[ImpacT] zei:
Ooit van Semantic Coding gehoord ?? Daar draait heel dit soort "coderen" rond als je dit doorhebt dan kan je fatsoenlijk je webistes maken, weet je dit niet, dan zal je website op zich wel werken, maar is het eigenlijk volledig verkeerd volgens de standaarden. En zo zijn er hier zoveeel mensen die het nog steeds niet door hebben.

http://www.andybudd.com/archives/2004/05/semantic_coding/
http://www.tekstenuitleg.net/artikelen/zelf_website_maken/6
http://annevankesteren.nl/2004/11-structurering.nl.html

Genoeg over te vinden. Als je alles en nog wat in <div>'s gaat zitten gooien, ben je NIET goed bezig.

Heb je raad opgevolgd enja het scheelt enorm. Alles werkt nu zoals het hoort, geen problemen. Weer wat bijgeleerd. Al mijn images heb ik uit mijn css gesmeten & in html gedumpt(img tag) zoals het eigelijk hoort, enkel achtergronden staan er nog in.

merci voor de wijze raad

[ImpacT]

Legacy Member
Mooi zo, toch nog iemand die goede raad nog eens wilt volgen :).

En 't voordeel nu is, nu je weet hoe je zo moet coden ga je het ook altijd zo doen. Allé zo blijven verder doen :) :niceone:

DJ_Trash

Legacy Member
wie heel veel code, raffineert op den duur zelf de meest efficiente manieren uit zen eigen coding geschiedenis. ik raad ook aan om een namingconvention te gebruiken; dan weet je achteraf snel waar je naar moet zoeken etc; en het zorgt er ook voor dat je miner foute namen typt. hou dezelfde manier van werken in al je projecten, of op zen minst in 1 dezelfde project. dit is ook makkelijker als iemand nders je code bekijkt; zodat de namen van objecten en variabelen dankzij de namingconvention ook extra meaning krijgen.

zwaar onderschatte werkwijze; die namingconventions ;)

Lashknife

Legacy Member
vergeet vooral geen comment tags te gebruiken die bv kort uitleggen wat een functie doet (en kheb het niet over functies zoals "function getIp()" eh :p )

[ImpacT]

Legacy Member
Wat DJ_Trash zegt is heel juist, ook diegene boven mij vertelt een zeer grote waarheid. Nu om het even in mensentaal om te zetten, vooral dan dit van DJ_Trash, want 'k zen het zelf even op Google moeten gaan zoeken, om't juist door te krijgen.

Naming Convention wil zoveel zeggen als, de benamingen die je geeft aan functies, variabelen, constanten, enz... hou deze in je code altijd hetzelfde.

In bedrijven wordt Naming Convention enorm toegepast, omdat je vaak met meerdere mensen aan 1 project werkt en iedereen de code direct moet kunnen begrijpen.. dus 't is echt wel handig ! :)

Probeer ook in andere projecten dus dan ook je naamgeving af te stemmen op alles wat je ervoren hebt gedaan, voordeel is hierbij ook dat je soms dan ook functies lauter kan copiëren, als ze in princiepe gewoon hetzelfde doen.

Commentaar schrijven bij je functies, of variabelen is idd zeer handig, zeker als iemand anders je code moet doornemen, 'k raad je wel aan dit in't Engels te doen, je weet maar nooit :). En neem voldoende ruimte voor je commentaar, 't steekt echt niet op een regeltje, oki wees klaar en duidelijk maar zorg dat je er alles inzet, zodat je later heel snel weet hoe alles terug in elkaar steekt.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan