login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS plaatst div's verkeerd

Offline Mmore - 05/09/2006 16:20 (laatste wijziging 05/09/2006 16:22)
Avatar van MmoreMySQL interesse Ik probeer met behulp van een css file op 1 pagina 2 menu's te maken en een soort hoofdscherm. De layout zou moeten zijn zoals in de screenshot behalve dat het rechtermenu (het veldje waarin staat: "Waaaa") niet verder naar boven wilt gaan (hij blijft op 1 of ander manier gelijk aan het 2e veldje in het menu links. Je kan de css opvragen via de link onderaan.

Menu rechts boven = navbar
Menu rechts onder = strips
Menu links die niet meer naar boven wilt = uitgevers
Hoofdscherm = main
Hoofdscherm/Blog gedeelte = blog

Link naar screenshot


Link naar .CSS file


Mijn vraag is dus of iemand weet hoe dat rechtermenu naar boven kan gaan zodat hij gelijk hangt met het linkerboven menu.


Het viel me zojuist op dat het trouwens wél in IE explorer werkt maar niet in Firefox 

4 antwoorden

Gesponsorde links
Offline Soebam - 05/09/2006 16:27 (laatste wijziging 05/09/2006 16:28)
Avatar van Soebam HTML ver gevorderde je kan de positie exact aangeven met:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. {
  2. position: absolute;
  3. top: 123px;
  4. left: 123px;
  5. }


Als dit niet werkt zou het handig zijn ook de HTML code van je site te geven. 
Offline Mmore - 05/09/2006 16:31
Avatar van Mmore MySQL interesse Kijk! dat werkt Ik vraag me nu wel af of het er dan anders uitziet op computers met een kleinere/grotere resolutie?
Offline Soebam - 05/09/2006 16:32 (laatste wijziging 05/09/2006 16:35)
Avatar van Soebam HTML ver gevorderde Dat is geen probleem, als je zorgt dat ie in een div staat die een width heeft gekregen. Dus een *grotere div* zeg maar die niet geresized wordt.

Wat je ook kan doen, uiteraard, is alleen de top: 123px meegeven. De breedte plaats wordt dan *ouderwets* afgesteld op de rest van de pagina 
Offline Mmore - 05/09/2006 16:35
Avatar van Mmore MySQL interesse Maar dat staat ie niet Ik ben zelf niet zo geweldig met css, maar ik begin het ondertussen wel te leren. Ik zal even de html code hieronder plaatsen (zonder de php, daar heb je toch niets aan)


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <link rel="stylesheet" type="text/css" href="phenom.css" title="style" />
  2.  
  3. <body>
  4.  
  5. <center><img src="header.jpg"></center><br>
  6. <div id="navbar">
  7. 		<h3>Binnen de site</h3>
  8. 		<a href="index.html" class="navigation">Home</a>
  9. 		<a href="index.html" class="navigation">Strips</a>
  10. 		<a href="index.html" class="navigation">Contact</a>
  11.   </div>
  12.  
  13.   <div id="strips"><?
  14. 		echo "<a href=\"/titel/".pasaan($row['tit']).".html\">".$row['tit']." (".$row['aantal'].")</a>";
  15.  ?>
  16.   </div>
  17.  
  18.     <div id="uitgevers">
  19.     Waaaaaaaaaa
  20.     </div>
  21. 	<div id="main">
  22.           <h3>Laatste Stripboeken</h3>
  23.           <p><img src="
  24.  
  25. 	</div>
  26.  
  27. 	<div id="blog">
  28. 		<h3 class="sub">weblog</h3>
  29. 		<ul>
  30. 			<li>&#187; 15-Aug-04, 21:00 - <a href="index.html">Site design submitted to oswd.org</a> - posted by <span class="name">admin</span> </li>
  31. 			<li>&#187; 11-Aug-04, 00:00 - <a href="index.html">This could be another news post if you like</a> - posted by <span class="name">admin</span> </li>
  32. 			<li>&#187; 10-Aug-04, 22:13 - <a href="index.html">Site idea conceived</a> - posted by <span class="name">admin</span> </li>
  33. 		</ul>
  34. 	</div>
  35. 	<p class="copyright">Designed by Chez</p>
  36.  
  37. </body>
  38. </html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s