Ik heb bijv 2 divs die wil ik naast melkaar plaatsen hoe doe ik dit ze hebben auto height en width.



Laat maar op een andere manier opgelost zonder auto width en divs in tabellen..





 <div class="divs" id="menu">
    <div class="title">
      <center>
        -=Menu=-
      </center>
    </div>
    <li>Home</li>
    <li>Ledenlijst</li>
    <li>Forum</li>
    <li>Registreren</li>
    <li>Events</li>
    <li>Video's</li>
    <li>Contact</li>
    <!--
   Nog niet beschikbaar:
    <li>Live help</li>-->
  </div>
  <div class="content">Content...</div>
Je moet niet met tabellen gaan kloten, daarbij moet je ook eens gaan kijken voor xhtml strict, <center> is een tag die niet meer onder de w3c standaard valt.
Daarbij is er een bug in IE6.0 die alles centered met de <center> tag, divs en andere elementen terwijl andere browsers gewoon alleen de text centeren.
Als je gewoon wat html neerkwakt, met de hoop dat het alleen werkt op jouw browser, is er een grote kans dat veel andere browsers het anders gaan renderen i.v.m. quirks mode, dus houw je xhtml strak dan zal dit niet gebeuren.

Nog iets, de opbouw van een list is:
<ul><li></li></ul>
<ol><li></li></ol>, en je hebt er nog een.

Om twee divs naast elkaar te laten vallen, kan je de float gebruiken.
<div style="clear: both;">
    <div style="float: left;">
    </div>
    <div style="float: left;">
    </div>
</div>


Kijk dan wel weer even naar de 3 pixel bug met floating divs i.v.m. IE6.0
Deze is te fixen met de holly hack.

Bedankt, alleen hoe krijg ik er nou nog 3 pixels of 5 tussen de 2? Zodat de borders elkaar niet raken?

Zie het morgen wel.
DIV een CSS het perfecte huwelijk!!

in je index.php ( of waar je je DIV in heb staan) maak je een div aan


<div id='home'>
bla bla bla inhoud $VAR TEST etc,
</div>
[code]

en in je CSS

[code]
#home{
	float: left;
	width: 750px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: left;
}



heb zelf ook altijd met TABELS gewerkt maar die gebruik ik nu alleen nog voor dymanisch data overzichten . Sinds ik door heb hoe DIV's werken is er een wereld voor me open gegaan.

er staan hier in de tutorials een paar goed tut's die je een end op weg zullen helpen.

en dit is ook en een zeer bruikbare link http://www.w3.org/TR/1998/PR-CSS2-19980324/box.html

Gelukt met de marging left aan te passen, bedankt!

Reageren