Fouieve weergave in IE7 (template = eigen fabrikaat)

Vragen over templates en CSS op Joomla! 1.5.

Moderator: pe7er

Forum rules
Forum Regels
Locked
ROL
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 111
Joined: Tue Feb 13, 2007 5:39 am
Location: Dordrecht, Holland

Fouieve weergave in IE7 (template = eigen fabrikaat)

Post by ROL » Fri Sep 11, 2009 2:05 pm

Hallo,

Ik ben erg aan stoeien met een template, ik krijg het niet voor elkaar deze correct weer te geven in IE7 (IE8, firefox en safari doet ie wel goed).

Heeft iemand tips hoe ik dit kan debuggen of zin/tijd om even naar de bron code te kijken?

Index is:

Code: Select all

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" /></script>
</head>

<body>
<div id="container">
<div id="search"><?php if($this->countModules('search')) : ?><jdoc:include type="modules" name="search" style="" /><?php endif; ?></div>
<div id="top"><div id="topnavi"><?php if($this->countModules('topnavi')) : ?><jdoc:include type="modules" name="topnavi" style="" /><?php endif; ?></div>
<div id="menu"><?php if($this->countModules('menu')) : ?><jdoc:include type="modules" name="menu" style="" /><?php endif; ?></div>
</div>
<div id="contentpane">
<div id="subitem"><?php if($this->countModules('subitem')) : ?><jdoc:include type="modules" name="subitem" style="" /><?php endif; ?></div>
<div id="mainbody"><div id="component"><jdoc:include type="component" /></div></div>
<div id="right"><?php if($this->countModules('right')) : ?><jdoc:include type="modules" name="right" style="" /><?php endif; ?></div></div>
<div id="footer"><div id="footer1"><?php if($this->countModules('footer1')) : ?><jdoc:include type="modules" name="footer1" style="" /><?php endif; ?></div><div id="footer2"><?php if($this->countModules('footer2')) : ?><jdoc:include type="modules" name="footer2" style="" /><?php endif; ?></div><div id="footer3"><?php if($this->countModules('footer3')) : ?><jdoc:include type="modules" name="footer3" style="" /><?php endif; ?></div></div>



</div><!-- -->
</body>
CSS is:

Code: Select all

BODY {
	margin: 0px 0px 0px 0px ;
    font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}

td, tr, p, div {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

h4 {
    color: #333333; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px; 
	font-weight: bold;
}

h5 {
    color: #333333; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; 
	font-weight: bold;
}

h6 {
    color: #333333; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
	font-weight: bold;
}

#container {
	position:absolute;
	width:1020px;
	min-height:500px;
	left:50%;
	margin-left:-512px;
	background-color:#fff;
	}

#top {
	position:fixed;
	float:left;
	width:1020px;
	height:114px;
	background-image:url(/templates/test/images/top.jpg);
	background-repeat:no-repeat;
	z-index:10000;
	}

#topnavi {
	position:absolute;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-top:30px;
	margin-left:600px;
	}
	
#topnavi a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	}

#topnavi hover{
	color:#fff;
	text-decoration:none;
}

#topnavi current{
	color:#fff;
	text-decoration:none;
}

#contentpane {
	width:1020px;
	margin: 0px 0px 0px 0px;
	padding-bottom:0px;
}

#left {
	position:fixed;
	float:left;
	width:200px;
	margin-top:134px;
	margin-left:0px;
	color:#333;
	font-family: Helvetica, Verdana, Arial;
	}

#mainbody {
	float:left;
	margin: 134px 20px 0px 249px;
	color:#F00;
	text-align:justify;
	line-height:15px;
	width:500px;
	min-height:450px;
	font-size:12px;
	}

#mainbody a{
	color:#49B2DF;
	text-decoration:none;
}

#right {
	position:fixed;
	float:left;
	margin:134px 0px 10px 793px;
	width:263px;
	text-align:left;
	z-index:1;
	}

#right_soll {
	color:#993;
}

#right_soll a{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#footer {
	position:relative;
	float:left;
	width:1020px;
	height:130px;
	margin-top:0px;
	background-image:url(/templates/test/images/footer.jpg);
	background-repeat:repeat-x;
	color:#fff;
	overflow:hidden;
	z-index:200;
}

#footer1 {
	float:left;
	width:273px;
	height:108px;
	margin:10px 4px 0px 40px;
	z-index:201;
}

#footer2 {
	float:left;
	width:273px;
	height:108px;
	margin:10px 4px 0px 4px;
	z-index:201;
}

#footer2 a {
	color:#fff;
	text-decoration:none;
}

#footer2 a:hover {
	color:#49B2DF;
	text-decoration:none;
}
	
#footer3 {
	float:left;
	width:374px;
	height:108px;
	margin:10px 4px 0px 4px;
	z-index:201;
}

#search {
	position:fixed;
	float:left;
	margin-top:3px;
	margin-left:897px;
	z-index:10001;
}

/* Links */
a:link, a:visited {
    /*font-size: 11px; */
	color: #fff; 
	text-decoration: none;
    font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

a:hover {
    color: #1A1A1A;        
	text-decoration: none;
	}
	


/* Content - Sections & Categories */
.contentpane {
		margin: 0px 0px 0px 0px;
        background-color : transparent;
		color : #333333;
		font-size:125%;

		/*font-size:15px;*/
        }

.contentpaneopen {
        }

.contentheading {
        font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
		width:500px;
		background-image:url(/templates/test/images/contentheading.png);
		background-repeat:no-repeat;
		padding-left:15px;
		/*background-color:#006BAA;*/
        text-align:left;
		font-size:250%;
		line-height:25px;
		height:37px;
		vertical-align:text-top;
		padding-top:2px;
		}

.contentdescription {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        text-align: left;
        }

/* Links */
a.blogsection:link, a.blogsection:visited {
        color: #556B2F; 
		text-decoration: none; font-weight: normal;
        font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
        }

a.blogsection:hover {
        color: #000000;        
		text-decoration: none;
        }

a.pathway:link, a.pathway:visited {
        color: #fff; text-decoration: none; font-weight: normal;        
/*		font-size: 9px;*/
        font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
        }

a.pathway:hover {
        color:#ff6600;
        text-decoration: underline;
        }

a.weblinks:link, a.weblinks:visited {
        color: #556B2F; text-decoration: none; font-weight: normal;
        font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
        }

a.weblinks:hover {
        color: #000000;        text-decoration: none;
        }

a.readon:link, a.readon:visited {
        color: #6A4D41; text-decoration: none; font-weight: normal;
        font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
        /*font-size: 11px;*/
        }

a.readon:hover {
        color: #333333;
        text-decoration: none;
        }

table.moduletable { 
  TEXT-ALIGN: left; 
  WIDTH: 100%
} 

table.moduletable th { 
  text-indent: 3px; font-style:normal; font-variant:normal;
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  FONT-WEIGHT: bold; 
  BACKGROUND-COLOR: transparent; 
  PADDING-BOTTOM: 3px; 
  COLOR: #fff; 
  PADDING-TOP: 3px; 
  TEXT-ALIGN: left; 
}


.moduleheading {
		font-size: 11px;
        font-weight: bold;
        color: #000;
		text-align: left;
        height: 25px;
		line-height: 22px;
		border-bottom-color: #000000;
		width: 100%;
  		text-indent: 18px; font-style:normal; font-variant:normal
        }



.componentheading {
        font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
		background-image:url(/templates/test/images/contentheading.png);
		background-repeat:no-repeat;
		padding-left:15px;
        text-align:left;
		font-size:250%;
		line-height:25px;
		height:37px;
		vertical-align:text-top;
		padding-top:2px;
		}

.componentheading a{
	color:#fff;
}

.boxheading {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        /*font-size: 11px;*/
        font-weight: bold;
        color: #000000;
        text-align:left;
        }

.button {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 11px;
        background: #E5E9F2;
        color: #000000;
        border-style: solid;
        border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
        }

.button2 {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
       /* font-size: 11px;*/
        background: #E5E9F2;
		color: #000000;
        border-style: solid;
        border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px;
        }

.formstyle1 {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #333333;
        background: #ffffff;
        border: 1px solid;
		border-color: #aaaaaa;
        }


.searchsite {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight: bold;
        color: #ffffff;
        }

/** category text format and links **/
.category {
        color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px; font-weight: bold; text-decoration: none;
        }

a.category:link, a.category:visited {
        color: #000000; font-weight: bold;
        }

a.category:hover {
        color: #fff;
        }

.poll {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        /*font-size: 11px;*/
        color: #000000;
        line-height: 14px
        }

.sectiontableentry1 {
        background-color:transparent;
        }

.sectiontableentry2 {
        background-color:transparent;
        }

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

.small {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        /*font-size: 10px;*/
        color: #666666;
        text-decoration: none;
        font-weight: normal;
        }

.createdate {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        /*font-size: 9px;*/
        color: #333333;
        text-decoration: none;
        font-weight: normal;
        }

.modifydate {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        /*font-size: 9px;*/
        color: #808080;
        text-decoration: none;
        font-weight: normal;
        }

/*
 * Menu
 */
div#menu {
	position:absolute;
	left:50%;
	/*width:700px;*/
	height:41px;
	margin-left:-130px;
	margin-top:72px;
	padding-top:20px;
	font-size:11px;
	font-weight:bold;
	background-image:url(/templates/test/images/menu_bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

div#menublock {
	position:absolute;
	width:12px;
	height:20px;
	left:50%;
	margin-left:-317px;
	margin-top:107px;
	background:url(../images/menu/leftblock.png) no-repeat;
}

div#menurightblock {
	float:left;
	width:5px;
	height:20px;
	background:url(../images/menu/rightblock.png) no-repeat;
}

a {
	color:#FFFFFF;
}

div#menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

div#menu li {
	position:relative;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	background:url(../images/menu/bg.png) repeat-x;
}

div#menu a {
	display:block;
	background:url(../images/menu/bg.png) no-repeat;
	width: 90px;
	height: 37px;
	text-decoration:none;
	color:#FFFFFF;
}

div#menu a:hover {
	display:block;
	background:url(../images/menu_hov.png) no-repeat;
	height:37px;
	color:#14195C;
	margin-top:-16px;
	padding-left:-3px;
	z-index:1;
}

div#menu li#current a {
	display:block;
	background:url(../images/menu_hov.png) no-repeat;
	height:37px;
	color:#14195C;
	margin-top:-16px;
	padding-left:-3px;
	z-index:1;

}

div#menu li#current a:hover {
	background:url(../images/menu_hov.png) no-repeat;
	cursor:default;
	color:#14195C;
}	

/*
 * Submenu
 */
div#subitem {
	position:fixed;
	/*float:left;*/
	width:200px;
	margin-top:125px;
	margin-left:0px;
	color:#333;
	font-family: Helvetica, Verdana, Arial;
	font-size:11px;
	padding-bottom:15px;
}

div#subitem ul{
	display:block;
	padding: 0;
	list-style:none;
	height:26px;
	width:200px;
	line-height:26px;
	vertical-align:middle;
	text-indent:45px;
	font-weight:bold;
	z-index:1;

}

div#subitem li {
	position:relative;
	display:block;
	height:26px;
	width:200px;
	margin-top: 2px;
	padding: 0;
	line-height:26px;
	vertical-align:middle;
	text-indent:45px;
	float: left;
	text-align: left;
	z-index:1;
	background-image:url(../images/submenu.png);
}

div#subitem a {
	display:block;
	color:#000000;
	text-decoration:none;
	width: 200px;
	height: 26px;
	line-height:26px;
	vertical-align:middle;
	text-indent:45px;
	z-index:1;
}

div#subitem a:hover {
	display:block;
	text-decoration:none;
	height:26px;
	width:200px;
	line-height:26px;
	vertical-align:middle;
	text-indent:45px;
	color:#fff;
	background-image:url(../images/submenuhover.png);
	z-index:1;
}

div#subitem li#current a {
	display:block;
	width:200px;
	height:26px;
	z-index:1;
	color:#FFF;
	line-height:26px;
	vertical-align:middle;
	text-indent:45px;
	background-image:url(../images/submenuhover.png);

}

div#subitem li#current a:hover {
	cursor:default;
	z-index:1;
	width:200px;
	height:26px;
	text-indent:45px;
	line-height:26px;
	vertical-align:middle;
	background-image:url(../images/submenuhover.png);

}
Header en footer worden correct weergegeven, maar module posities 'subitem' staat rechts in plaats van links, 'right' is helemaal niet zichtbaar. Overigens worden 'subitem', 'right' en 'mainbody' op mysterieuze wijze uitgelijnd.

De website draait nu lokaal dus heb helaas geen linkje. Als het echt niet anders kan kan ik 'm online knallen.

Thanx!

Ruben

 
 
Locked

Return to “Templates”