[CSS] Div probleem

Door Giel op 20-10-2009 15:14

1.064 views

Zo, daar ben ik weer.

Ik heb een div bekijk:


#content .menu{
	width: 190px;
	border: 1px dotted green;
	float: left;
	left: 125px;
	position: relative;	

}

Dit is inprincipe gewoon een submenu.

190px breed. Maar als ik er tekst inzet valt deze er in de breedte overheen. Waarschijnlijk zal het ook wel onder zijn dan. Hoe ga ik dit tegen?

Jesper Diovo

20-10-2009 15:24

overflow: hidden;

Giel

20-10-2009 15:30

Juh, maar dan ben ik heel de tekst kwijt, dat is niet de bedoeling.. ;) De tekst moet gewoon doorlopen op de volgende regel, als hij tegen het einde van de breedte komt..

Matthijs M

20-10-2009 16:14

Bij mij doet jouw code het gewoon...

Jouw code:


#content .menu{
    width: 190px;
    border: 1px dotted green;
    float: left;
    left: 125px;
    position: relative;
}

Mijn code:


#menu {
    width: 190px;
    border: 1px dotted green;
    float: left;
    left: 125px;
    position: relative;
}

Jij doet een 'class' en een 'id' tegelijk gebruiken te herkennen aan ('#' = class) en('.' = id). (#content .menu) veranderen in (#menu).

Succes

Giel

20-10-2009 16:36

Ah, ik dacht dat het wel mogelijk was, maar weer wat geleerd! :) Nu werkt het.. Thnx!

Matthijs M

20-10-2009 16:38

Fijn om te zien dat mijn eerste post om te helpen helpt :)!

Jesper Diovo

20-10-2009 21:48

overflow: hidden; haalt niets weg, het zorgt alleen dat de overflow verborgen wordt. Met de overflow worden dus de woorden en letters bedoelt die over de rand gaan.

Reageren

Inloggen om te reageren