div gaat niet mee

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Wouter

wouter

21/08/2006 16:23:00
Quote Anchor link
Ik ben zo wa de eerste stappen aan het zette in div's enzo maar ik zit me een klein probleem.
Als den div die boven nen andere staat groter wordt doorda der bv txt in komt, vergroot die deronder ni.
vb: http://www.moskydesign.com/site2_0/about.php

de code kunde vinde op:
http://www.moskydesign.com/site2_0/about.txt
en
http://www.moskydesign.com/site2_0/style.txt

Alvast bedankt aan hij die de oplossing brengt
 
PHP hulp

PHP hulp

29/11/2024 01:03:02
 
Kalle P

Kalle P

21/08/2006 16:36:00
Quote Anchor link
Als je je code laat inspringen maak je het een stuk overzichtelijker om je te laten helpen en dus oplossing te vinden.
Nou is die oplossing zelf erg simpel, alleen door dat het zo onoverzichtelijk is, is het lastig om te zien waar die geplaatst moet worden.
Of je moet geen height meegeven of je moet een plaatje als background repeat-y zetten.

Ik kijk er ff naar edit zo.

edit:
Hmm je had 1 </div> te veel.
Ik heb ff geen zin om alle plaatjes en alles over te nemen, dus ff snel bekeken.
Ik denk dat wanneer je height weg haalt bij #content dat het dan ook gaat lukken.
Dit werkt ook wel.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
#content {
    background:url(images/white.gif) repeat-y;
    position: relative;
    height: 500px;
}

Download dit plaatje (height: 1px width: 800px)
Afbeelding
Gewijzigd op 01/01/1970 01:00:00 door Kalle P
 
Jan Koehoorn

Jan Koehoorn

21/08/2006 16:54:00
Quote Anchor link
Tip: als je begint met CSS, begin dan niet onmiddellijk met position: relative en position: absolute te smijten. Dat is meer iets voor de gevorderde CSS-er.

Maak eens een JPG van hou de lay-out er uit zou zien als hij perfect was? Dan kunnen wij je tips geven over hoe je je CSS het beste op kunt bouwen.
 
Jelle -

Jelle -

21/08/2006 17:00:00
Quote Anchor link
<br clear="all" />

Net voor het einde van je contrainer. Dit moet werken volgens mij.

Valid xhtml moet het zoiets zijn:

.clearall {
clear: both;
}

<br class="clearall" />
 
Kalle P

Kalle P

21/08/2006 17:05:00
Quote Anchor link
@moozzie
Clear is voor floats dacht ik en er wordt nergens wat gefloat. Er wordt gewerkt met absolute positionering.
 
Jan Koehoorn

Jan Koehoorn

21/08/2006 17:27:00
Quote Anchor link
@ Moozzie en Kalle: clear is inderdaad voor floats, dus die helpt hier inderdaad niet. De lay-out is al te ingewikkeld geworden, vandaar mijn voorstel voor een JPG van de gewenste situatie.
 
Wouter

wouter

21/08/2006 17:38:00
Quote Anchor link
@Kalle: da van de height weg laten werkt ni echt, dan laat hem gewoon niks zien.

hoe hem der ongeveer zou uitzien:

http://www.moskydesign.com/site2_0/site_layout1.jpg

kheb de code ook nog een beetje aangepast me wa meer tabs
Gewijzigd op 01/01/1970 01:00:00 door wouter
 
Kalle P

Kalle P

21/08/2006 18:15:00
Quote Anchor link
Wil je dat het witte gedeelte doorloopt of dat er een scrollbalk komt.

Misschien moet je werken met floats en dat absolute en relative weg halen. Dan zal dat ene wel werken. Beetje kijken als je de waarde van height veranderd en daar op in spelen. Doe dit bij de #content en #txt_content.
Ik dacht dat #content de 'onderste' div is en dat is de div waarmee je moet spelen. De lengte is afhankeling van de lengte van de tekst in #txt_content. Kortom met die moet je spelen.
Als je absolute en relative wilt weghalen zal je met float moeten werken.
Succes.
 
Wouter

wouter

21/08/2006 18:27:00
Quote Anchor link
ja het is bedoeling da da wit doorloopt.

en euh floats, hoe werkt da dan?
 
Jan Koehoorn

Jan Koehoorn

21/08/2006 18:40:00
Quote Anchor link
Opzetje:

Afbeelding
 
Wouter

wouter

21/08/2006 18:41:00
Quote Anchor link
nm staat een mooie tut hier wat verder
 
Wouter

wouter

21/08/2006 18:45:00
Quote Anchor link
voor wat dient dien clearer dan?
 
Jan Koehoorn

Jan Koehoorn

21/08/2006 19:02:00
Quote Anchor link
@ Wouter: niet steeds blijven posten, dat noemen we hier 'bumpen' en dat mag pas na 24 uur. Klik voor CSS tutorials op mijn naam. Ik heb er tot nu toe drie geschreven voor dit forum.
 
Wouter

wouter

21/08/2006 21:08:00
Quote Anchor link
ok, ik heb hem nu gemaakt met floats maar in IE blijft hem moeilijk doen, ik denk door de container.
Kheb ze voor de gemakkelijkheid kleurtjes gegeven:
rood=content
blauw= sidebar
geel=container

code:
http://www.moskydesign.com/site2_0/about.txt
en
http://www.moskydesign.com/site2_0/style.txt

http://www.moskydesign.com/site2_0/home.php
Gewijzigd op 01/01/1970 01:00:00 door wouter
 



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.