Indeling pagina (float?)

[falcojugger]

Hallo allemaal,

Ik ben bezig met een site. een combinatie van PHP met XHTML.
Logisch, maar ik dacht ik zet het er maar even bij.

Mijn indeling ziet er als volgt uit:

<div>balk bovenin voor inloggen, tijd, taal selecteren dat soort dingen</div>

<div>header, logo van site</div>

<div> menu, dit is een horizontale balk </div>

<div>content dat wordt opgesplitst
            <div>pagecontent, informatie over desbetreffende pagina</div>
            <div>sidebar, dit is voor een poll, shoutbox en komt dus NAAST pagecontent in content te staan.</div>
</div>

nou krijg ik pagecontent en sidebar netjes naast elkaar als ik in de CSS de zogenaamde "float:left" en "float:right" gebruik.

MAAR

ik heb de achtergrond van die div ingesteld bij content (de overlappende div) deze verdwijnt dan ineens en ik zie alleen de borders van die div.

ik heb zitten denken om achtergrond dan toe te passen op de aparte divjes, maar dan krijg je weer dat als pagecontent groter is dan sidebar, deze achtergrond ook weer groter word en dus niet mooi op elkaar aansluit.

iemand een idee? of moet ik eventueel meer informatie geven d.m.v screenshots, css

bij voorbaat dank!


p.s. kan ik een site beter maken met standaard formaat ingedachte als 800x600 of een site die zich aanpast aan gebruikers schermgrootte d.m.v width:80% etc...

 

[James007]

Kun je aub een online voorbeeld posten want hier kan ik met de uitleg alleen niet aan uit.

 

[falcojugger]

hahaha okay sorry...

het goede voorbeeld staat op een schoolsite. (vak informatica)

www.stedgymdenbosch.nl/inf

als men hier op "bron weergeven" drukt zie je dat het onderste deel (id = maincontainer) is opgedeeld in content en sidebar, netjes naast elkaar.

mijn vraag is dus HOE? mijn code dat ertoe doet:
hoop dat je hier al iets wijzer uit kunt worden.

mijn content is dus de overlappende div.
pagecontent word linker deel met tekst.
hij haalt continue tekst uit de database, hier staat verder geen code in.
als je op de homepage bent ($page == home) dan komt er dus ook nog een sidebar naast.

	<div class='content'>
	<div class='pagecontent'>
	<?php
    if($page == 'home'){
      
	  $query = "SELECT * FROM pages WHERE id=2";
      $res = mysql_query($query);
   
	  if($_SESSION['language'] == 'nl'){
	    if (mysql_num_rows($res)) {
	      $row = mysql_fetch_assoc($res);
	      print($row['nl']);
        }
	  }
	  elseif($_SESSION['language'] == 'en'){
	  	if (mysql_num_rows($res)) {
	      $row = mysql_fetch_assoc($res);
	      print($row['en']);
        }
	  }
    }
	
	if($page != 'home'){
	?>
	</div>
	</div>
	</body>
	</html>
	<?php
	}
	elseif($page == 'home'){
	/?>
	</div><div class='news'>
	<?php
	  $query = "SELECT * FROM pages WHERE id=8";
      $res = mysql_query($query);
   
	  if($_SESSION['language'] == 'nl'){
	    if (mysql_num_rows($res)) {
	      $row = mysql_fetch_assoc($res);
	      print($row['nl']);
        }
	  }
	  
	  elseif($_SESSION['language'] == 'en'){
	  	if (mysql_num_rows($res)) {
	      $row = mysql_fetch_assoc($res);
	      print($row['en']);
        }
	  }
	  ?>
	  </div>
	  </div>
	  </body>
	  </html>
	  <?php
	}

 

[James007]

Ik had eigenlijk een voorbeeld verwacht van hoe het er bij jou momenteel uitziet.
Lees dit eens even vanaf stap 6. Daar lossen ze je probleem op denk ik.

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

Verder zou ik je php-gewijs aanraden alle php-code te laten maken voor de html-code en nadien met echo's te werken.

 

[falcojugger]

hahaha oke sorry, die van mij staat (nog) niet online...
wel ben ik met die link heel veel geholpen! bedankt daarvoor. deze is opgelost...