Website - Horizontales Menu Verschoben im Internet Explorer

diedidi

Cadet 1st Year
Dabei seit
Juli 2007
Beiträge
12
Hallo an alle User im Forum!

Hab da mal ein Problem beim erstellen einer Website:

Unter Firefox ist alles ok, der IE verschiebt treppenartig mein Topmenü nach unten!

Zu sehen z.B hier

http://sylvia-roth.net/index.php?option=com_content&task=view&id=12&Itemid=37

bin mit meinem Latein am Ende, Vielen Dank für alle Anregungen,

Gruß

diedidi







Hier noch Teil der CSS:

Code:
body {
	background-image: url(../images/bg.jpg);
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 2% 0;
}

a {
	color: #642;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #333322;
	text-decoration: underline;
}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 5px;}

h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}

blockquote {
	background: url(../images/quote.gif) no-repeat;
	display: block;
	font: normal 1.1em Georgia, serif;
        /*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em harrington, courier, times new roman, sans-serif;}
ul {padding: 0 2em 1.2em;}

/* structure */
#wrapper {
	background-color: #A0916F/* url(../images/wrapper.jpg) no-repeat left bottom*/;
	margin: 0 auto;
	width: 756px;
}
#container {
	background: #FBF9F4;
	border-top: 2px solid #A0916F;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

/* header */
/*.title {
	background: #E2DED4 url(../img/header-h1.jpg) repeat-x;
	border-top: 1px solid #996;
}
.title h1 {
	color: #441;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}*/

.header {
	border-top: 1px solid #B4B4B4;
	background: #DAD7C5 url(../images/header.jpg) no-repeat left bottom;
	height: 220px;
}

/* navigation */
.navigation {
	background: #DED9D0 url(../images/nav.gif) repeat-x; height: 41px;
	border-top: 1px solid #996;


}

.navigation li {
	list-style-type: none;
        position: relative;

	}
	
.navigation a {
	background: #FFF url(../images/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;

        
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}


...und ein Teil der Index.php:

PHP:
<body>
<div id="wrapper">
<div id="container">
 <!--<div class="title">
	 <h1><?php echo $mosConfig_sitename; ?> </h1> 

</div>-->
<div class="header"></div>
<div class="navigation">
<?php mosLoadModules ( 'user3', -1); ?>
	<form action="index.php" method="post">
	   <div align="right">
	    <!--<input type="submit" name="Submit" value="Submit" />
	    <input class="inputbox" type="text" name="searchword" size="15" value="<?php echo _SEARCH_BOX; ?>"  onblur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onfocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" /> 
		<label></label>
	    <input type="hidden" name="option" value="search" /> -->
	    </div>
	  </form>
	<!--<div class="clearer"></div>-->
</div>
	<div><?php mosPathWay(); ?></div>
<div class="main" id="two-columns">
	 <div class="col2">
		<div class="left">
			<div class="content">
			  <p><?php mosMainBody(); ?>
			  </p>
		    </div>
		</div>
		 <!-- <div class="right">
		  <div class="content">
				<ul class="block">
				<li><?php mosLoadModules ( 'left' ); ?>
				  <br />
				</li>
				<li>
				  <?php mosLoadModules ( 'right' ); ?>
				</li>
				</ul>
	            </div>
		</div> -->
		<div class="clearer"></div>
	</div>
 
Zuletzt von einem Moderator bearbeitet: (Foren-Tags eingefügt)
Top