Ik ben al een tijdje bezig nu maar ben er bijna, maar nog niet helemaal. De div's rekken mooi mee, alleen als je de tekst in div 2 hebt en dan de tekst in div3. De tekst in div3 komt dan wel op de goede plaats te staan alleen kwa hoogte precies onder die van div2. Hoe kan ik er nu nog voor zorgen dat alles wel netjes op de zelfde hoogte komt ? Heb even een screenshot bijgevoegd voor de duidelijkheid !
Code:.content_container { width:1600px; background: url(img/content_container_bg.gif); } #content_1 { width:276px; } #content_2 { width:255px; margin-left:276px; background-image:url(img/img_27.jpg); } #content_3 { width:558px; margin-left:531px; background-image:url(img/img_28.jpg); overflow:hidden; } #content_4 { width:263px; margin-left:1089px; background-image:url(img/img_29.jpg); } #content_5 { width:248px; margin-left:1352px; } <div class="content_container"> <div id="content_1"> </div><div id="content_2">Hier komt het menu<br />Hier komt het menu<br />Hier komt het menu<br /></div><div id="content_3">Lorem ipsum dolor sit amet</div><div id="content_4">En hier de links !</div><div id="content_5"> </div> </div>
http://i31.tinypic.com/6en5f5.gif
- div's naast elkaar zelfde hoogte
-
26-07-2010, 15:33 #1
- Berichten
- 515
- Lid sinds
- 16 Jaar
div's naast elkaar zelfde hoogte
-
-
26-07-2010, 16:23 #2
- Berichten
- 2.299
- Lid sinds
- 16 Jaar
Ik heb er niet teveel verstand van, maar je kunt toch een div=kolom maken in je CSS van width: 300px; en float:left; en dan in de html drie keer die <div="kolom"> aanroepen?
Dan komen er drie kolommen naast elkaar te staan en begint de tekst op dezelfde hoogte.
-
26-07-2010, 17:05 #3
- Berichten
- 293
- Lid sinds
- 16 Jaar
Ik gebruik zelf altijd float: left;.
Het lastige is dan om de div's dezelfde hoogte te laten houden. Hiervoor is een oplossing, namelijk het volgende:
Zet in de css van de container (de div waar je alle kolommen in 'dumpt':
Code:Overflow: hidden;
Code:padding-bottom: 20000px; margin-bottom: -20000px;
Groet,
Jasper
-
26-07-2010, 17:21 #4
- Berichten
- 651
- Lid sinds
- 17 Jaar
<div id="Box">
<div class="LittleBox">
blaaat
</div>
<div class="LittleBox">
blaaat
</div>
<div class="LittleBox">
blaaat
</div>
</div>
#Box {
width: 1024px;
float: left;
}
.LittleBox {
float: left;
width: 300px;
}
That's it
-
26-07-2010, 21:43 #5
- Berichten
- 515
- Lid sinds
- 16 Jaar
Apart maar de meest makkelijke en logische oplossing, die van Stefan werkt prima. Bedankt !
-
26-07-2010, 22:15 #6
- Berichten
- 2.299
- Lid sinds
- 16 Jaar
Zo bedoelde ik het dus ook, maar ik had het niet netjes voor je uitgewerkt.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic