[CSS]Tekst komt buiten div ?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Wouter K

Wouter K

30/01/2008 14:34:00
Quote Anchor link
Hey,

Ik heb in mijn ogen wel een mooie design gemaakt.
Nu mijn vraag is en hier stoot ik al vaak op,Als ik tekst in een div moet zetten vooral bij een footer of dergelijke menu die horizontaal staat, komt de tekst onder de div te staan, Ik heb al eens met firebug gekeken naar de kleuren , maar ik word niet wijzer uit de logica ervan.

De site staat op
Klik 1 voor site

Ik zal even de border terug zetten dan zie je echt overduidelijk mijn voorbeeld.
Hij is nog niet af er moet overal nog een padding van 2-4 pixel tussen komen. Zodat het resultaat is zoals dit.
Klik 2 voor plaatje

Dus mijn vraag :
Hoe kan ik ervoor zorgen dat men tekst binnen de div komt..
Het probleem stelt zich dus in FF , en niet in IE ..



mvg
Wie kan me helpen ,
Edit:

Ik zal ook maar even de css link geven.
http://wouter.php-design.be/layer5/css.css
Gewijzigd op 01/01/1970 01:00:00 door Wouter K
 
PHP hulp

PHP hulp

03/03/2024 03:26:11
 
J V

J V

30/01/2008 16:13:00
Quote Anchor link
Het is erg lastig zoals je die links neerzet hierzo. Nu moet iedereen gaan knippen en plakken.
Klik 1 voor site
Klik 2 voor plaatje

Je zet je marings en paddings bovenaan niet op 0.

* {
padding: 0;
maring: 0;
}

En geef eens een fontgroote mee in je menu.

Al jou p elementen hebben volgens mij nog een margin, waardoor ze niet netjes komen waar ze horen te staan.
je hebt een maring van 370px ofzo, geef eens een margin o voor boven en beneden mee. dan staat hij al goed.
Doe dit ook voor je footer etc.

Kijk daar even naar.
Gewijzigd op 01/01/1970 01:00:00 door J V
 
- wes  -

- wes -

30/01/2008 16:22:00
Quote Anchor link
margin is het nog altijd
 
Wouter K

Wouter K

30/01/2008 16:26:00
Quote Anchor link
@Jodry

Een margin voor men MENU-tekst doel je daarop ?.
Ik zal even men margins aanpassen.

@Wes
Een padding gaat ook maar doet niet veel met tekst
Gewijzigd op 01/01/1970 01:00:00 door Wouter K
 
J V

J V

30/01/2008 16:31:00
Quote Anchor link
wes schreef op 30.01.2008 16:22:
margin is het nog altijd
Offtopic:

Mierenneukert ;) ik het Jordy. Ga oude koeie uit de sloot vissen of je pelikanen voeren.


Je moet in je .menu p je margin zetten op: margin: 0px (boven) 0px (rechts) 0px (onder) 370px (links).
Dan komen ze al een stuk beter te staan.
En even de margins en paddings op 0 stellen bovenaan je css.
Gewijzigd op 01/01/1970 01:00:00 door J V
 
Wouter K

Wouter K

30/01/2008 16:38:00
Quote Anchor link
Ok ;)

Ik heb het nu voor mekaar gekregen ;) Tyvm...

Nu moet ik alleen nog de content side 100% meegeven dat hij met de tekst meegaat. en dan de footer nog wat afmaken.µ

Met 100% Volgt hij De resolutie Toch ?
En wat als je nu de tekst wilt laten volgen ?...

mvg
 
Winkie

winkie

30/01/2008 16:45:00
 
J V

J V

30/01/2008 16:58:00
Quote Anchor link
Is het de bedoeling dat je footer onderaan de site komt en zodra de content langer word dat je footer dan meeschuift?

Je kunt ook je content een minimale hoogte meegeven van bijv 200px. Als er minder content is, blijft hij 200px hoog, maar zodra er meer inkomt, dan word hij langer. (net zolang als je tekst)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
.minheight {
     min-height: 200px;
     height: auto !important;
     height: 200px;
 */voor een min hoogte van div die meerekt als inhoud langer word #/
 
Wouter K

Wouter K

30/01/2008 22:21:00
Quote Anchor link
.minheight !
Deze zet ik dan als Verdere div info ? Ja toch,..

Winkie kan je stoppen met spam Dank u !
 
J V

J V

30/01/2008 22:31:00
Quote Anchor link
wouter schreef op 30.01.2008 22:21:
.minheight !
Deze zet ik dan als Verdere div info ? Ja toch,..

Winkie kan je stoppen met spam Dank u !

Ja sorry, die minheigt kan gewoon de div zijn waarin je content staat. (je content div dus)
die 3 dingen die erin staan, zet je gewoon in de div die minimaal 200px moet worden en als er meer inhoud inkomt, dat hij dan meerekt.

(dat van ik heet jordy, was voor wes bedoeld, maar ik had jullie 2 posts door elkaar gehaald, sorry. kwam niet zo aardig over)
 



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.