Darstellungsfehler im template - IE7 Bug?

**Kulterer** · 20.11.2006 12:08

Hallo Gemeinde,

ich benutze ein angepaßtes "recipes"-template auf unserer Seite (Klick hier). Ich habe seit der IE7 draußen ist, nun einen Abstand zwischen dem oberen Bereich (header-graphik & Menu) und dem unteren Bereich (Content). Diesen Abstand gab/gibt es nicht im IE6, nicht im FF und nicht bei Opera. Ich würde gerne aber (der leidigen Übermacht wegen) die Darstellung im IE7 korrekt hinbekommen. Ich habe Foren und Internet durchsucht, habe mir das CSS angeschaut, die index-Datei, komme aber auf keinen grünen Zweig. Habe ein wenig rumprobiert und mal um die Module einen Rahmen gelegt und dadurch festgestellt, daß der Abstand zwischen der unteren Rahmenlinie und der Headergrafik ist. Ich poste hier mal die CSS-Datei und die index-Datei. Bestimmt habe ich ein Brett vor dem Kopf - oder liegt's doch am IE7? Bin über Hilfe sehr, sehr dankbar!
Gruß
Kulterer

HTML-Code:

Css-Datei (an manchen Stellen gekürzt)

/* horizontale menu */
#example9h #navlist
{
margin-left: 70px;
margin-right: 70px;
text-align:center;
font: bold 10px Verdana, sans-serif;
letter-spacing: 1px;
}

#example9h #navlist li
{
list-style: none;
margin: 0;
display: inline;
padding-left:10px;

line-height:18px;
}

#example9h #navlist li a
{

text-decoration:none;
}

#example9h #navlist li a:link { color: #666; }
#example9h #navlist li a:visited { color: #666; }

#example9h #navlist li a:hover
{
color: #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#example9h #navlist li a#current
{
border-top:1px solid #4A788C;
border-bottom:1px solid #4A788C;
color: #4A788C;
}

body {
	margin: 0px;
	background: url(../images/recipes_01.gif) repeat-x #8d0a26;
}

#main{	
background: url(../images/recipes_06.gif) repeat-y;
width:711px;
padding-left:70px;
padding-right:70px;

}

#header{
background: url(../images/recipes_03.gif) no-repeat;
width: 711px;
height: 252px;
}

/*hier footer*/
#footer{
background: url(../images/recipes_08.gif) no-repeat;
padding-top:3px;
height: 51px;
}

td,tr,p, div{
	font-family: arial;
	font-size: 11px;
	color: #222222;
}
hr {
  background       : #999999;
  height           : 1px;
  width            : 100%;
}
#mainlevel-nav {
margin: 0; padding: 0;
padding-left:50px;
}
#mainlevel-nav li {
	
	padding-left: 40px;
list-style:none; display:inline; 
text-transform: uppercase;
font-weight: bold;
text-decoration:none;
}
#mainlevel-nav a {
border: 3px #fff;
height: 20px;
color: #000;

}

#mainlevel-nav a:hover {
color:#ccc
text-transform:none;
height: 20px;
background: url(../images/mouseover.gif) no-repeat;
}

/*different setting for newsflash*/
.newsflash td {
color: #000000;
text-align: justify;
vertical-align: middle;
}

/*setting for the greetings*/
.mainpage {
text-align: justify;
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
}
.mainpage-bkg {
	background-image: url(../images/lineborder.png);
	width: 1px;
}

.greybg {
  background: #eeeeee;
}

/*pathway setting*/
.pathway {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
}

a.pathway:link, a.pathway:visited {
  color            : #4A788C;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #ff3300;
  font-weight      : normal;
  text-decoration   : none;
}

/*for title or site name*/
.title {
font-family: sans-serif;
font-size: 20px;
font-weight: bold;
color : #000000;
margin-left: 10px;
}

/*for the tag-line*/
.subtitle {
font-family: sans-serif;
font-size: 10px;
font-weight: bold;
color : #666666;
text-transform: uppercase;
letter-spacing: 2px;
margin-left: 20px;
}

#active_menu {
  color: #000000;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
display: block;
color: #ffffff;
font-weight: bold;
background-image: url(../images/menu_bgr.png);
background-repeat: no-repeat;
width: 95%;
text-indent: 15px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 20px;
margin-bottom: 1px;
}
a.mainlevel:hover {
color: #333333;
}

a.mainmenu:link, a.mainmenu:visited {
color: #ffffff; 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 10px;

}
a.mainmenu:hover {
color: #333333; 
}
.pollstableborder {
border: 1px solid;
padding: 1px;
}

a.sublevel:link, a.sublevel:visited {
        padding-left: 1px;
        vertical-align: middle;
        font-size: 11px;
        color: #4A788C;
        text-align: left;
}


a.sublevel:hover {
color: #ff9e31; text-decoration: none;
}

table.moduletable {
	padding: 5px 0px 5px 8px;
	margin-bottom: 15px;
	width: 100%;
	background: url(../images/bgr.png);
}

table.moduletable th {
	font-size        : 11px;
	font-weight      : bold;
	color            : #000000;
	text-align       : left;
	width            : 100%;
	letter-spacing: 2px;
	text-indent: 5px;
	padding-bottom: 3px;
}

table.moduletable li {
}

table.moduletable ul {
	padding: 0px;
}
table.moduletable td {
font-size: 10px;
font-weight: normal;
}


.sectiontableheader {
  
  color            : #333333;
  font-weight      : bold;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
}


.contentpane {
  
}

.contentpaneopen {
  border : 0px ridge #0099cc;
  width: 100%;
  padding: 1px;
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  color            : #A10A2A; 
  text-align       : left;
}




.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}





/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
 	color: #4A788C;
	text-align:left;
	text-decoration: underline;
	}

a.contentpagetitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #91C1D6;
	text-decoration: none;
	font-weight: bold;
	}

a.category:link, a.category:visited {
  color            : #4A788C;
  font-weight      : bold;
  font-size: 11px;
font-weight: bold;
}

a.category:hover {
  color            : #91C1D6;
}

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #4A788C;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* for modifying {mosco**** output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
.code {
	background-color: #f0f0f0;
	border: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}

/* Javascript Back button */
.back_button {
	text-align: center;
	margin-top: 40px;
}

table.contenttoc {
	
}

table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}
ul {
  margin: 0;
  padding: 0;
  list-style: square;
}

li {
  line-height: 15px;
  padding-left: 10px;
  padding-top: 0px;
  background-image: url(../images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	background-color: #4A788C;
	color: #ffffff;
	font-weight: bold;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

HTML-Code:

gekürzte Version der index-Datei

<head>
<?php
if ( $my->id ) {
	initEditor();
}
?><?php require("mycssmenu.php"); ?>
<**** **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/templates/recipes/css/template_css.css" />
</head>
<body>
	<center><table colspan="0" cellspacing="0" border="0" width="711">
		<tr>
		<td id="header"><img src="<?php echo $mosConfig_live_site; ?>/templates/recipes/images/blank.gif" width="711" height="180">
		
		 <div id="example9h">   			
<!-- BEGIN MENU -->
<div class="navhorzcontainer">
<?php echo $mycssONLY_PRI_menu ?></div>
</div>
<br>		    			
</td>
		</tr>
		<tr>
		<td  align="left" valign="top" id="main">
		
		<?php mosMainBody(); ?>
		
		</div></td>
		</tr>
		<tr>
		<td id="footer"></div></td>
		</tr>
	</table></center
</body>
</html>

**Kulterer** · 23.11.2006 07:55

Liebe Gemeinde - tatsächlich niemand eine Idee? Der rote Strich zwischen Header und Content sieht so häßlich aus, finde ich.
Danke!
Kulterer

**nettereisbaer** · 24.11.2006 06:55

Hallo

schreib mal in die index.php des Templates (ganz an den Anfang)



Hat anderen geholfen und mir auch

**Kulterer** · 24.11.2006 08:28

Genial!! Hat funktioniert. Vielen, vielen Dank!
Gruß Kulterer

**RalfArmbrust** · 30.12.2006 16:41

Funktioniert auch bei den 247-portal-b Templates (alle Farben). Vielen Dank. Zwar keine Ahnung was dieser "quirks mode " ist, aber mal wieder typisch MS, und dann soll man auch noch ein "please" dranhängen, dass der Browser auch noch macht, was andere als normal empfinden. Naja

**unknown soldier** · 30.12.2006 17:34

http://www.carsten-protsch.de/zwisch...ype/index.html

Iste eine schöne Erklärung rund um den <!DOCTYPE> und auch den quirks mode
alledings wird hier nur der IE6 behandelt

Die meisten Templates arbeiten mit dem
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Was den Modie almost staandad aufruft (was immer der dann macht)

ob der IE7 bei
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
auch in den quirks mode wechselt müsste man mal testen

**RalfArmbrust** · 31.12.2006 17:20

Also, mittlerweise habe ich mich in div. Foren eingelesen. Der Quirks-Mode dient demnach hauptsächlich dazu, den Browser zu veranlassen, eine Webseite so darzustellen, wie das ein älterer Browser tut. Quasi abwärtskompatibel zu sein. Nur komisch, dass es offentsichtlich nur der MSIE ist, der bei neuen Versionen Darstellungsfehler produziert, und den man mittels Befehl im HTML-Code dazu zwingen muss, in diesen sog. Quirks-Mode zu wechseln. Aber das war bei MS ja schon immer so, dass sie eien Extrawurst haben wollten.

**Bolze** · 25.09.2007 11:32

Danke, "nettereisbaer", funzt super.

Hab lange danach gesucht und endlich glücklich.

**Edy** · 08.10.2010 23:03

Hallo wie sied das mit dem IE8 aus meine seite hat auch ein Broblem www.schwanen-schwerzenbach.ch

**Lacki** · 09.10.2010 08:03

Hallo und willkommen im Forum.
Um Deine Chance auf Hilfe zu erhöhen, solltest Du auch geanu beschreiben, was für Probleme auftauchen. Außerdem darfst Du auch gerne beschreiben, was Du wie schon versucht hast. Nur eine kurzen Satz zu schreiben ist etwas wenig, wie sind hier nicht bei einem Ratespiel.

Dazu kommt, dass das von Dir verwendete Template mit der Software Artisteer erstellt wurde, dazu wird hier im Forum selten Hilfestellung gegeben. Die Gründe dafür findest Du hier. Dafür gibt es ein extra Forum, vielleicht hast Du da mehr Glück.

Thema: Darstellungsfehler im template - IE7 Bug?

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Darstellungsfehler im template - IE7 Bug?

Leider noch nicht gelöst

Erhielt Danksagungen von:

Problem gelöst!

Ie 8

Ähnliche Themen

Template im Template?

Darstellungsfehler IE/Opera - Template > wds_kulturystyka

MamboV4.5.2.3-stable - Krasser Bug?!

SidoGold.com Template Ersteller gesucht!

Lesezeichen

Lesezeichen

Berechtigungen