Archief - css probleem: positioneren menu

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

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;
}

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.

is toch perfect te doen met een absolute positionering?


EDIT: zo als servi al zei dus...

[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.

Klik om te vergroten...

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

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.

[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.

Klik om te vergroten...

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

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.

Klik om te vergroten...

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

[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.

Klik om te vergroten...

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

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

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

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 )

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.