Javascript

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Pagina: « vorige 1 2 3

Jan Koehoorn

Jan Koehoorn

09/12/2005 22:29:00
Quote Anchor link
Hmm, die oplossing van Jelmer is inderdaad niet gek. Ik doe altijd dit:

div.clearer {
clear: both;
line-height: 0px;
font-size: 0px;
padding: 0;
margin: 0;
}
 
PHP hulp

PHP hulp

21/11/2024 19:41:05
 
Willem Jan Z

Willem Jan Z

09/12/2005 22:38:00
Quote Anchor link
Sorry, beide oplossingen werken niet...
Waarschijnlijk heb ik mijn design niet echt praktisch gemaakt...

Menu is absolute, en content relative....
 
Jan Koehoorn

Jan Koehoorn

09/12/2005 22:50:00
Quote Anchor link
Geef je menu (die met id="left") eens een float: left;
En plaats dan meteen na je menu div die clearer div.
 
Willem Jan Z

Willem Jan Z

09/12/2005 22:55:00
Quote Anchor link
En dan ook met position relative neem ik aan?
 
Willem Jan Z

Willem Jan Z

09/12/2005 22:58:00
Quote Anchor link
De content div staat nu onder mijn menu...
 
Jan Koehoorn

Jan Koehoorn

09/12/2005 23:01:00
Quote Anchor link
Ik weet niet of dat verschil maakt. Dat moet je even uittesten.

Meestal is de situatie zo:

<div id="container">
<div id="menu"></div>
<div id="content"></div>
</div>

Als je dan je menu naar links float en hij is langer dan de inhoud van je container, dan valt hij er buiten. De oplossing is dan om zo'n clearer div vlak achter je menu te zetten.

Overigens is dit geen bug. Dit hoort zo te zijn.
 
Jan Koehoorn

Jan Koehoorn

09/12/2005 23:08:00
Quote Anchor link
Willem-Jan:
De content div staat nu onder mijn menu...


Ik zie het, hahaha. Misschien deze lay-out maar zo laten en de volgende keer anders opbouwen. Werkte hij ook in andere browsers?
 
Willem Jan Z

Willem Jan Z

09/12/2005 23:09:00
Quote Anchor link
Bij relative lijkt het goed te gaan, alleen staat mijn content dus onder het menu (wel rechts ervan, door de margins) Als ik hem absolute laat, gebeurt er niks...
 
Willem Jan Z

Willem Jan Z

09/12/2005 23:11:00
Quote Anchor link
Ja, hij werkte in andere browsers... (In IE iig :P)
Blijf nog maar even met dat overflow werken dan :S
 
Kees Schepers

kees Schepers

10/12/2005 01:00:00
Quote Anchor link
document.getElementById(menu)this.class = "actief";

Je vergeet iets:

document.getElementById('menu').this.class = "actief";

De quotes tussen menu, en na de ) van menu een punt. Ik denk dat daar je probleem in zit.
 

10/12/2005 07:24:00
Quote Anchor link
Zou hij dan geen error in de console geven?

Maar Jan, bij die voorbeeldsite krijg ik wel warnings in de console van FireFox.
 
Jan Koehoorn

Jan Koehoorn

10/12/2005 13:19:00
Quote Anchor link
Sebastiaan:
Maar Jan, bij die voorbeeldsite krijg ik wel warnings in de console van FireFox.


Ja klopt. Ik heb die site al weer een tijdje geleden gemaakt. De meeste warnings gaan over CSS voor de scrollbar, die uiteraard alleen in IE werken.

De warnings gaan niet over het stukje menu-code waar het in dit topic over gaat, gelukkig.
 
Willem Jan Z

Willem Jan Z

10/12/2005 16:26:00
Quote Anchor link
kees:
document.getElementById(menu)this.class = "actief";

Je vergeet iets:

document.getElementById('menu').this.class = "actief";

De quotes tussen menu, en na de ) van menu een punt. Ik denk dat daar je probleem in zit.


Van die punt zal je vast gelijk hebben, maar van de quotes niet dacht ik... menu is namelijk een functie variabele. Dus moet niet binnen quotes. Anders gaat hij naar div:menu zoeken toch?
 
Jelmer -

Jelmer -

10/12/2005 17:27:00
Quote Anchor link
Inderdaad, menu is een variabele, en 'menu' is een string (een waarde dus)

Maar document.getElementById().this.class lijkt mij een beetje overbodig. Je kan this hier weglaten.
 
Willem Jan Z

Willem Jan Z

10/12/2005 18:30:00
Quote Anchor link
Ik gebruik ook al Jan zijn methode, dus gebruik dat zinnetje sowieso al niet meer :D
 

Pagina: « vorige 1 2 3



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.