Menu anders in IE dan in Firefox

Status
Niet open voor verdere reacties.
S

smitty

Gebruiker
Lid geworden
18 okt 2000
Berichten
155
Hallo,

Ik heb een website gemaakt met een menu. Ik gebruik de cms tool Websitebaker.
Als ik de site bekijk ik Firefox ziet het er goed uit. Maar in IE7 verspringen de menuitems.

Er zit geen javascript in. Heeft iemand een idee wat ik niet goed doe?

Groetjes,

Smitty

ps de link is www.smitssound.nl/wb
 
Laatst bewerkt:
zet aan het begin van je css even:
* {
margin: 0px;
padding: 0px;
}

je hebt er nu geen px bij staan. misschien maakt dat verschil.
 
0px of 0 maakt niet uit. 0 is de enige waarde waarbij geen eenheid nodig is, want 0px is evenveel als 0cm of 0em :D

Je moet je site even door de validator halen op http://validator.w3.org/
Er zitten 'n aantal fouten in de structuur, waaronder twee keer </head> en wat fouten met <p> en <p/>. Daar kunnen sommige browsers stevig de hik van krijgen.
Als je heel veel geluk hebt, is 't opgelost als je die fouten eruit hebt gehaald. En anders horen we 't wel.
 
Laatst bewerkt:
validator

Het probleem is dat ik de code pas zie als de pagina opgebouwd is. Als ik in de index.php kijk van de template staat er niets geks in.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Smitssound Drive-in disco voor al uw feesten!!!</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="<?php echo TEMPLATE_DIR; ?>/styles.css" type="text/css" media="screen" />
</head>

<body>
<div>
<div class="top">

<div class="header">

<div class="left"> </div>

<div class="right">

<h2>Drive-in disco <br />
voor al uw feesten
</h2>
</div>

</div>

</div>

<div class="container">

<div class="navigation">

<ul>
<?php show_menu(1,0,1,true,'<li>[a][menu_title][/a]</li>','','','','','class="on"'); ?></ul>

<div class="clearer"><span></span></div>
</div>

<div class="main">

<div class="content">
<h3><?php page_title('','[PAGE_TITLE]'); ?></h3>
<p><?php page_content(); ?></p>
</div>

<div class="sidenav">


<ul>
<?php ob_start(); // start output buffer
show_menu(1,1,-1,true,'<li>[a][menu_title][/a]</li>'); // call menu
$foo=ob_get_contents(); // put outputbuffer in $foo
ob_end_clean(); // clear outputbuffer
if ($foo<>"") { // some code to execute cause there is some block
echo '<div>';
echo '<h2 title="Sidebar">Submenu</h2>';
echo '<p>';
echo $foo;
echo '</p>';
echo '</div>'; // show the block (as saved in $foo)
} else { // some code for no info
}
?>
</ul>




</div>

<div class="clearer"><span></span></div>

</div>

<div class="footer">
Powered by <a href="http://www.websitebaker.org/" target="_blank">
Website Baker</a>&copy;&nbsp;<?php page_title('','[WEBSITE_TITLE]'); ?>&nbsp;
Copyright &copy; 2009. Ontwerp: <a href="http://www.smitty.nl" title="Jos Smits" target="_blank">Jos Smits</a>
</div>

</div>




</div>
</body>
</html>
 
Die dubbele </head> is nu weg als ik de bron bekijk.
Wel zitten er nog fouten in de <p> en </p>. Die moeten er op een of andere manier via de php-bestanden in komen. De browser ziet die php niet, die ziet alleen de html en css en zo die op de server aan elkaar wordt geknoopt. (Ik weet niet hoeveel je weet, dus misschien wist je dit al.)

Ik zou in ieder geval die <p> en </p> even oplossen, want dat kán 'n browser aardig ontregelen. Vooral IE 6 en 7 zijn daar nogal gevoelig voor.

Ik heb pas later tijd om verder te kijken, maar hopelijk voor jou is 'n ander me dan al voor geweest.
 
tags

Als ik de bron bekijk als ik een lege pagina toevoeg staat er een <p></p> in
Maar toch verschijnt het menu verkeerd.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Smitssound Drive-in disco voor al uw feesten!!!</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="http://www.smitssound.nl/wb/templates/air/styles.css" type="text/css" media="screen" />
</head>


</head>
<body>
<div>
<div class="top">


<div class="header">

<div class="left"> </div>

<div class="right">

<h2>Drive-in disco <br />
voor al uw feesten
</h2>
</div>

</div>

</div>

<div class="container">

<div class="navigation">
<ul>
<ul class="menu-top"><li class="menu-expand menu-current menu-first"><a href="http://www.smitssound.nl/wb" target="_top">test</a></li><li class="menu-expand menu-sibling"><a href="http://www.smitssound.nl/wb/pages/vincent3.php" target="_top">vincent3</a></li><li class="menu-sibling"><a href="http://www.smitssound.nl/wb/pages/interwerb.php" target="_top">interwerb</a></li><li class="menu-sibling"><a href="http://www.smitssound.nl/wb/pages/officetime.php" target="_top">Officetime</a></li><li class="menu-sibling menu-last"><a href="http://www.smitssound.nl/wb/pages/glasberry.php" target="_top">Glasberry</a></li></ul> </ul>


<div class="clearer"><span></span></div>
</div>

<div class="main">

<div class="content">
<h3>test</h3>
<p><a class="section_anchor" id="wb_13" name="wb_13"></a></p>
</div>

<div class="sidenav">


<ul>
<div><h2 title="Sidebar">Submenu</h2>
<ul>
<li><a href="http://www.smitssound.nl/wb/pages/test/test2.php" target="_top" class="menu_default">test2</a></li>
</li>
</ul></div> </ul>




</div>

<div class="clearer"><span></span></div>

</div>

<div class="footer">
Powered by <a href="http://www.websitebaker.org/" target="_blank">
Website Baker</a>&copy;&nbsp;SmitsSound&nbsp;
Copyright &copy; 2009. Ontwerp: <a href="http://www.smitty.nl" title="Jos Smits" target="_blank">Jos Smits</a>
</div>

</div>




</div>
</body>
</html>
 
Hoi,

Ik heb 't probleem denk ik gevonden. In je css staat o.a.
Code: 
.navigation a {float: left;}
Het floaten van die <a>'s heeft geen zin, want ze staan in 'n <li>. En die <li> moet worden gefloat:
Code: 
.navigation li {float: left;}

De float bij de <a>'s kan weg, want als je de <li>'s float, hobbelen de daarin zittende <a>'s gezellig mee.
Succes!
 
Het werkt!!

Hoi Goeroeboeroe,

Fantastisch, dit werkt.

Hartelijk dank!!:):thumb:

Groetjes,

smitty
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan