Beste Sd ers,
Ik ben bezig met de layout van mijn portfolio.
Alleen krijg ik de hoogte niet automatisch.
Ik werk met de volgende div:
Content
In content staan ContentRechts en ContentLinks
Nu heb ik al geprobeerd met height: Auto; en height: 100%; maar dit werkt niet.
Ter controle had ik een border om content gezet.
Dan is content maar 2px groot terwijl ContentRechts en Links toch volstaat met tekst/menu.
Weet iemand de oplossing?
Css: www.kikkermedia.nl/opmaak.css
Index: www.kikkermedia.nl
Heb nu de hoogte op 455 gezet zodat het wel goed gaat! maar wil dit automatisch!
Heb nog weinig ervaring dit is mijn eerste layout! Daarom graag Advies en geen aanvallende berichten.
Mvg,
Lars
- Height auto vraagje
-
28-02-2010, 17:01 #1
- Berichten
- 447
- Lid sinds
- 15 Jaar
Height auto vraagje
-
In de schijnwerper
Betaalde blogs aangeboden Reizen, Interieur en meerOverige dealsIO.nl | Twee Letter Topdomein Uit 1997 | IO, Input Output, Tech, MarketingDomein te koopHappysmoothie,nl, alles oversmoothies, sapjes, limonadeWebsite te koopWafelijzer.eu, alles het bakken van wafels, galettes, en meer. Geen reserve.Website te koop -
28-02-2010, 17:06 #2
- Berichten
- 753
- Lid sinds
- 15 Jaar
Ja, niet de complete css gelezen maar dit viel me direct op
Code:html { font-family: "Trebuchet MS"; font-size: 12px; } body { width: 1000px; margin: 0px auto; }
Code:html body { font-family: "Trebuchet MS"; font-size: 12px; width: 1000px; height: 100%; margin: 0px auto; }
-
28-02-2010, 17:06 #3
- Berichten
- 447
- Lid sinds
- 15 Jaar
Inmiddels aangepast;) Bedankt voor de tip
-
10-05-2010, 18:20 #4
- Berichten
- 33
- Lid sinds
- 17 Jaar
Beste,
Je kunt dit bereiken door middel van javascript in dit geval jQuery. Het onderstaande script kijkt naar de hoogte div en past de andere divs aan naar dezelfde hoogte. Door gebruik van onderstaand script hoef je geen vaste hoogtes meer in te stellen.
Code:var maxHeight = 0; $(".equal").each(function(){ if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } }); $(".equal").height(maxHeight);
Geef de twee divs die je gelijke hoogte wilt geven de class 'equal' mee en het werkt. Eventueel kan je in je css voor beide divs een min-height meegeven als fallback wanneer een bezoeker om wat voor reden dan ook javascript uit heeft staan.
-
18-05-2010, 12:23 #5
- Berichten
- 69
- Lid sinds
- 17 Jaar
Je site doet het nu niet, maar ik neem aan dat die linker en rechter div waar je het over had een float:left; hebben?
Dan moet je even onder die 2 divs voor de afsluiting van de container div dit zetten:
<div class="clear"></div> ňf
<br class="clear" />
En dan in je css:
.clear {
clear:both;
}
-
18-05-2010, 12:46 #6
- Berichten
- 944
- Lid sinds
- 14 Jaar
Gewoon het height atribuut weglaten in je css:)
-
18-05-2010, 12:46 #7
- Berichten
- 600
- Lid sinds
- 15 Jaar
Als je al deze 3 div elementen (content, content links en rechts) float: left; geeft werkt het.
-
18-05-2010, 13:48 #8
- Berichten
- 447
- Lid sinds
- 15 Jaar
Clear both werkt nu..;)
Alleen schopt het dan mijn footer weer in de war.
Bedankt tot zo ver,
Zal even kijken naar de footer nu.
-
18-05-2010, 13:55 #9
- Berichten
- 69
- Lid sinds
- 17 Jaar
Je hebt de clear div op de verkeerde plaats gezet.
Hij moet meteen na:
<div class="ContentRechts">[...]</div>
En ik weet niet of je een sticky footer wilt hebben, maar dat kan gemakkelijk zo:
http://ryanfait.com/sticky-footer/
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