layout probleempje

[drieder]

Hallo iedereen :thumb:

ik heb een klein probleempje.

ik ben bezig met een website maar nu heb ik in css een layout gemaakt, maar ik wil mijn banner/logo bove in los hebben van het middenveld.

als ik er in dreamweaver een spatie tussen zet, of ik geef in css een andere waarde voor de hoogte dan blijf hij als ik de website open in explorer vast aan elkaar zitten.

ik hoop dat jullie het ongeveer begrijpen ..ik een pagina postenzodat je kan zien wat ik bedoel.




Wie kan mij hierbij helpen, het is volgens mij simpel op te lossen, waar ik over heen kijk

 

[peter vazed]

Dan is de vraag:
hoe werk je?
Met tables of div's?

Met tables maak je een table voor het logo
en dan daaronder een table voor je menu en content.

Met div's
een div voor je logo
dan een cleardiv
<div style="clear:both></div> (dus alleen deze code, en verder niks)
dan de div voor je menu: float left
dan de content : float left
dan weer een cleardiv
<div style="clear:both></div>
dan de footer div.

 

[drieder]

??

Dan is de vraag:
hoe werk je?
Met tables of div's?

Met tables maak je een table voor het logo
en dan daaronder een table voor je menu en content.

Met div's
een div voor je logo
dan een cleardiv
<div style="clear:both></div> (dus alleen deze code, en verder niks)
dan de div voor je menu: float left
dan de content : float left
dan weer een cleardiv
<div style="clear:both></div>
dan de footer div.

ik krijg het niet voor elkaar

 

[peter vazed]

Als je met div's werkt hou je het bij div's

Je moet een extra div aanmaken.
De plaats:zie de code:

  <!-- Begin Header -->
	<div id="header"></div>
	<!-- Einde Header -->
		 
		<div style="height:30px;width:100%;background-color:black;"></div>
      
<!-- Begin Faux kolom -->

Kom je in de toekomst problemen tegen bij gebruik van meerdere div's op één pagina,
zoek dan in de googeldoos op
float:left
en
clear:both
die twee opties zorgen dat je divjes zich netjes gedragen.
Evenwel in dit geval moet je dus een extra div tussenvoegen.
Dit funkioneert dus in feite als een <p> of <br> bij html code.