login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[opgelost]List-menu te hoog

Offline Dark_Paul - 08/11/2006 18:34 (laatste wijziging 08/11/2006 21:36)
Avatar van Dark_PaulPHP ver gevorderde Hej,

Ik heb mijn menu opgebouwd uit een list, maar het probleem is dat mijn menu in Firefox 2x zo hoog wordt. Ik kan dit wel fixen, maar dan komt de hele zooi in IE weer niet goed te staan (IE zet de list-items dan niet goed enzo). Ik heb al veel gespeeld met min-height en height enzo, maar zodra 't weer werkt in Firefox gaat Internet Explorer weer vervelen. (Ik had 'm wel goed in FF en IE7, maar toen ging IE6 weer vervelend doen...)
php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* MENU */
  2. #menu {
  3. 	width: 100%;
  4. 	height: 26px;
  5. 	border-bottom: 1px solid #dc7b10;
  6. 	background-image: url('images/menu.jpg');
  7. 	background-repeat: repeat-x;
  8. 	font-weight: bold;
  9. }
  10.  
  11. #menu ul {
  12. 	margin-top: 0px;
  13. 	padding-top: 0px;
  14. 	list-style-type: none;
  15. 	width: 80%;
  16. }
  17.  
  18. #menu ul li {
  19. 	float: left;
  20. 	width: 85px;
  21. 	line-height: 26px;
  22. 	padding-left: 12px;
  23. 	background-image: url('images/menu_sep.jpg');
  24. 	background-repeat: no-repeat;
  25. }
  26.  
  27. <div id="menu">
  28. 		<ul>
  29. 			<li><a href="home.php">Home</a></li>
  30. 			<li><a href="rules.php">Rules</a></li>
  31. 			<li><a href="rankings.php">Rankings</a></li>
  32. 			<li><a href="forum.php">Forums</a></li>
  33. 			<li><a href="about.php">About Us</a></li>
  34. 			<li><a href="helpguide.php">Help Guide</a></li>
  35. 			<li><!-- dots --></li>
  36. 		</ul>
  37. 	</div>

Screenies op
http://sima.why-online.com/ff_fout.jpg en
http://sima.why-online.com/ie_goed.jpg

Ik heb 't al opgelost. Ik kreeg na een maand eindelijk de briljante ingeving om een position:absolute; toe te voegen, en dan een top van 110px; (want de header heeft een vaste hoogte van 110px;).
'T werkt. Mijn style ziet er nu uit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #menu ul {
  2.         position: absolute;
  3.         top: 110px;
  4. 	margin-top: 0px;
  5. 	padding-top: 0px;
  6. 	list-style-type: none;
  7. 	width: 80%;
  8. }

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.209s