Modul Position Problem IE6

**bkoto** · 21.11.2007 15:20

Auf der Seite http://www.delta-reiseagentur.de

Gibts ein Problem mit dem Internetexplorer 6, und zwar verschiebt sich dabei das "Amondo". welches auf einer Modulposition sitzt.

Ich postet mal den Code. Wäre super wenn jemand einen Tipp hätte.
Danke im vorraus.

index.php

Code:

<?php 
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php echo $mosConfig_sitename; ?></title>
<meta **********="Content-Type" content="text/html; charset=utf-8" />
<?php mosShowHead(); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/delta/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
</head>

<body>
<div id="container">
  <div id="header">
    <h1 id="header_logo">
    </h1>
    <h1 id="header2">
    </h1>
</div>

<div id="topnavi">
<div id="top_menu">
  <?php mosLoadModules ( 'top' ); ?>
</div>
</div>
<div id="contentarea">
    <div id="left_menu"><?php mosLoadModules ( 'left' ); ?></div>
    <div id="angebot"><?php mosLoadModules( "user3" ); ?></div> 
    <div id="content"><?php mosMainBody(); ?></div>  
    <div id="extra"><?php mosLoadModules ( "right" ); ?></div>
     
</div>
  
<div id="footer"><?php mosPathWay(); ?></div>
</body>
</html>

template.css

Code:

* {
  padding: 0;
  margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #554542;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #bab5a4;
}

#container {
  width: 955px;
  margin-left: auto;
  margin-right: auto;
}
#header {
  width: 991px;
  padding: 0em;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#header_logo {
  background: url(../images/top_logo.gif) top left no-repeat;
  margin-left: -20px;
  margin-top: -55px;
  width: 191px;
  height: 261px;
}

#header2 {
  background: url(../images/top_banner.jpg) top left no-repeat;
  margin-left: 165px;
  margin-top: -210px;
  width: 800px;
  height: 225px;
}

#top_menu {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	width: 800px;
	height: 37px;
	margin-top: 0px;
	margin-left: 165px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	background: url(../images/top_navi.gif) top left no-repeat;

}

#left_menu {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 40px;
	width: 106px;
	height: 390px;
	background-color: #554542;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}


#content {
	width: 500px;
	margin-top: -390px;
	margin-left: 165px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	min-height: 200px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #bab5a4;
	font-style: normal;
	float:left;
}

#extra {
  width: 200px;
  height: 300px;
  margin-left: 690px;
  margin-top: -385px;  
  padding-left: 10px;
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  color: #ffffff;

}

#angebot {
  width: 500px;
  margin-left: 165px;
  margin-top: -250px; 
  margin-bottom: 40px; 
  padding-left: 0px;
  padding-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  float: left; 
 }



#tabelle {
  border-collapse:collapse;
  border-spacing:5px;
  border:0px;
  border-width:0;
  padding:0px;
  width:500px;
  margin:1em auto;
  margin-left: 0px;
  background-color: 473d39;
  
}

#tabelle th {
border-spacing:5px;
  border-style:solid;
  border-width:0px;
  border-color:#ff0000;
  padding:0px;
  background-color:#372824;
  color:inherit;
  text-align:center;
}

#tabelle td.dunkel {
  border-style:solid;
  border-width:0px;
  border-color:#ff0000;
  padding:0px;
  background-color: #372824;
  text-align:center;
  font-weight: bold;
}
#tabelle td.hell {
  border-style:solid;
  border-width:0px;
  border-color:#ff0000;
  padding:0px;
  background-color: #473d39;
  text-align:center;
}

#footer {
background-color: #372824;
width: 950px;
height: 28px;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 0px;
padding-top: 5px;
padding-left: 10px;
clear:both;
text-align:left;
}




table.moduletable {
  width: 95  %;
	padding-left: 2px;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

table.moduletable.th {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}

table.moduletable.td {
  font-size: 10px;
  font-weight: lighter;
}

.contentheading, .componentheading {
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
}

a.readon:link, a.readon:visited {
	font-size        : 12px;
	color            : #fcf0b3;
	text-decoration  : none;
	font-weight      : normal;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}

a.readon:hover {
	font-size        : 12px;
	color            : #fcf0b3;
	text-decoration  : none;
	font-weight      : normal;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}

a.hover {
	font-size        : 12px;
	color            : #ffffff;
	text-decoration  : none;
	font-weight      : normal;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}

a.category:link, a.category:visited {
	font-size        : 12px;
	font-weight      : normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #fcf0b3;
} 



.pathway {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.pathway a:link, .pathway a:visited {font-size        : 12px;
color            : #fcf0b3
text-decoration  : none;
font-weight      : bold;}

.pathway a:hover {font-size        : 12px;
color            : #fcf0b3;
text-decoration  : none;
font-weight      : bold;}

 .button {
  font-size: 0.8em;
  background-color: #D3A485;
  color: #ffffff;
  border: 1px solid;
  width: 100px;
}

.inputbox {
  color: #282E73;
  background: #FEEAC5;
  border: 1px solid;
}

/* Topmenu */

a.mainlevel_top {
	color:#ffffff;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	width: 800;
	height: 37px;
	line-height: 1,5;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 5px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	height: 37px;
	
}

a.mainlevel_top:hover, a.mainlevel_top#active_menu {
	text-decoration: none;
	color:#f26521;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

a.sublevel_top {
	color:#ffffff;
	font-size: 12px;
	padding-left: 0px;
	width: 140px;
	line-height: normal;
	margin-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}

a.sublevel_top:hover, a.sublevel#active_menu {
	text-decoration: none;
	color:#f26521;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}



/* Main Menu(s) */


a.mainlevel {
color:#ffffff
font-size: 12px;
	padding-left: 4px;
	width: 140px;
	display: block;
	line-height: normal;
	margin-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
}

a.mainlevel:hover, a.mainlevel#active_menu {
	text-decoration: none;
	color:#f26521;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

a.sublevel {
	color:#ffffff;
	font-size: 12px;
	padding-left: 0px;
	width: 140px;
	display: block;
	line-height: normal;
	margin-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
}

a.sublevel:hover, a.sublevel#active_menu {
	text-decoration: none;
	color:#f26521;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

MfG
Bkoto

**bkoto** · 23.11.2007 12:41

Hi,

hat keiner eine Idee... wäre sehr dankbar für einen Tipp da ci nicht weiter komme

Danke im Vorraus

**alex33kassel** · 23.11.2007 13:15

Hi
Ich habe es aufgegeben auf IE 6 zu optimieren.
Jeder sollte in der Lage sein ein kostenloses Update auf IE7 zu machen.

Ich baue nur noch,,,,,nach Firefox und IE7 das schont Nerven

)

Mein Tipp an Dich

Lg Alex

**hessenschorsch** · 23.11.2007 21:40

aber mit dem ie7 hab ich auch schon wieder priobleme

**Mellipupsi** · 23.11.2007 21:52

den das Problem?

**hessenschorsch** · 23.11.2007 21:53

meinereiner hats geschaut und für falsch befunden

**hessenschorsch** · 23.11.2007 21:54

interessant wie manch einer mehr auf schreibfehlern rumreitet als zu helfen

**Mellipupsi** · 23.11.2007 22:51

Anstatt doofe Sprüche zu machen könnteste ja mal genau erklären was das Problem ist beim ie7, immernoch das gleiche oder ein anderes?

lg melli

**hessenschorsch** · 24.11.2007 09:01

immer noch das gleiche

wobei es einen neuen ist Stand gibt.

Grafik sitzt nun in beiden auf der Menuleiste, an der gleichen Position. Nur halt an der falschen.
Ich krieg es im FF an die richtige Stelle, dabei verschwindet dann aber im IE wieder die Grafik und es zerschiesst das Menu

Ich weiss wohl schon das es was mit den margin einstellungen zu tun hat.
Nur was und wo und wie ich das ändern muss, weiss ich momentan nicht

Thema: Modul Position Problem IE6

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Modul Position Problem IE6

???

Lesezeichen

Lesezeichen

Berechtigungen