PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

Menu niet in elke browser?

Door Roeltje M op 31-08-2009 19:13
305 views
Hoi,

Ik heb op linkje een menu bovenaan de site. Nu is dit menu niet in elke browser zichtbaar. Hoe komt dit?

Screenshots: http://browsershots.org/http://www.contractenbeheer.nl/demo/

CSS: 
#nav {
	background:url(../images/nav.png) repeat-x;
	width:800px;
	height:26px;
	padding-top:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	
}
#nav_left {
	padding-left:10px;
	float:left;
	width:590px;
}
#nav_left a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
#nav_right {
	width:200px;
	float:left;
}
	#nav ul {
		padding:0px;
		margin:0px;
		list-style-type: none;
		text-decoration:none;
	}
	#nav li {
		text-decoration:none;
		float:left;
		font-weight:bold;
		margin-left:5px;
		margin-right:5px;	
		font-size:12px;					
	}
	#nav li a {
		color:#fff;	
		text-decoration:none;		
		font-weight:bold;
	}
	
	#nav li a:hover {
		background:url(../images/hover.png) no-repeat;
		color:#3c76d6;
		position:relative;
	}
Jesper Diovo
31-08-2009 19:22
Omdat niet iedere browser dezelfde CSS ondersteunt.
T
Tack Hauer
31-08-2009 20:27
Denk inderdaad dat het aan de CSS ligt.
M
Mitchell
31-08-2009 21:17
Denk niet dat de fout ligt in het menu maar de container van je menu.

Zie overigens meteen al je 1ste fout. Je probeerd absoluut te positioneren met CSS naar het midden (x en y as), als je dit doet moet je wel een goede oplossing vinden. Wat je nu doet zal je div in iedere browser laten verdwijnen.
R
Roeltje M
31-08-2009 21:30
Hoe bedoel je dat?
M
Mitchell
31-08-2009 21:32
Vergroot/verklein je browser scherm eens, dan zie je wat er fout gaat.
Jan Koehoorn
31-08-2009 21:34
Even een mod-opmerking: teksten als deze:
Omdat niet iedere browser dezelfde CSS ondersteunt.

en:
Denk inderdaad dat het aan de CSS ligt.

liggen nogal heel erg voor de hand en voegen niets toe aan het topic. Als je niet inhoudelijk kunt reageren, reageer dan liever niet.

Edit: wil je een menu rechts uitlijnen? Float dan gewoon je menu-items naar rechts. Je moet wel de volgorde omkeren. Mocht je menu uit een DB komen, dan gewoon de sorteervolgorde omdraaien.

Voorbeeld:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Untitled Document</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<style type="text/css" media="screen">
			div#container					{margin: 20px auto; width: 960px; border: 1px solid #ccc; font-family: "Lucida Sans Unicode", sans-serif;}
			div#nav							{overflow: hidden; width: 100%;}
			div#nav ul						{list-style: none; margin: 0; padding: 0;}
			div#nav ul li					{float: right;}
			div#nav ul li a					{display: block; text-decoration: none; padding: 2px 10px;}
		</style>
	</head>
	
	<body>
		<div id="container">
			<div id="nav">
				<ul>
					<li><a href="#">item 05</a></li>
					<li><a href="#">item 04</a></li>
					<li><a href="#">item 03</a></li>
					<li><a href="#">item 02</a></li>
					<li><a href="#">item 01</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
Jesper Diovo
31-08-2009 21:43
@Jan: Ik snap wat je bedoelt, maar de TS vraagt: "Hoe komt dit?" dan geef ik antwoord. Misschien iets te letterlijk genomen inderdaad, maar ik kan ook niet raden dat de TS dit misschien al wist. We kunnen tegenwoordig niet meer aannemen wat een TS weet en wat niet.

Desalniettemin:
@TS: Speel eens met je CSS, dat doe ik ook altijd als er iets gebeurt wat ik niet 1-2-3 kan achterhalen. Met spelen bedoel ik borders toekennen, hoogtes en breedtes veranderen, positionering veranderen, etc. etc. Wie weet schiet hij ineens wel in beeld ; ).
Jan Koehoorn
31-08-2009 21:47
Jezpur schreef op 31.08.2009 21:43
@Jan: Ik snap wat je bedoelt, maar de TS vraagt: "Hoe komt dit?" dan geef ik antwoord.

Ja, zo lust ik er nog wel een paar. Als mijn vaatwasser kapot is en ik vraag aan een kennis met verstand van techniek of die weet wat er aan de hand is, dan kan hij zeggen: "Ik denk dat er een onderdeel kapot is". Met dat soort antwoorden schiet je niet veel op natuurlijk ;-)

Laten we gewoon blijven doen wat we altijd al op PHPhulp doen: mensen die zelf iets willen leren verder helpen.

Reageren

Inloggen om te reageren