font grote verschilt in IE6 en IE7

  • Onderwerp starter Onderwerp starter oli4m
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
O

oli4m

Gebruiker
Lid geworden
7 aug 2008
Berichten
7
font grote verschilt in IE6 en IE7,

in IE7 en FF doet de site het prima, alleen in IE6 is het font veel groter dan 12px,(16px)

Heeft er iemand een idee hoe dit komt?


dit is de css:
body {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-color:#c9d4d8;
}
p {
padding: 0px;
margin: 0px;
}

#container {
width: 900px;
margin: 0 auto;
border: 3px solid #000000;
text-align: left;
background: #FFFFFF;
}
#header {
height: 136px;
background-image: url(../images/topbackground.jpg);
background-repeat: repeat-x;
}
#logoarea {
float: left;
height: 160px;
width: 160px;
background-image: url(../images/logoarea.jpg);
color: #FFFFFF;
}
#logo {
background-image: url(../images/logo1.jpg);
background-repeat: no-repeat;
height: 136px;
background-position: 11px 4px;
width: 203px;
}

#top {
float: right;
margin: 273px 0px 0px 120px;
width: 640px;
height: 30px;
line-height: 30px;
font-size: 16px;
background:#000000;
}
#pathway {
width: 470px;
float: left;
margin: 0px 10px;
}
.pathway {
color: #FFFFFF;
}
a.pathway:link {
color: #999999;
}
#date {
color: #8B8B8B;
float: left;
font-size:10px;
}
#topmenu {
color: #8B8B8B;
width: 697px;
height: 80px;
margin-top: 8px;
line-height: 80px;
float: right;
font-size: 12px;
}
#topmenu ul, #topmenu li{
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline;
}
#topmenu a:link, #topmenu a:visited {
height: 80px;
line-height: 80px;
display: block;
float: left;
background-image: url(../images/topmenu.jpg);
background-repeat: repeat-x;
text-align: center;
color: #8B8B8B;
width: 99px;
margin: 5px;
border: none;
padding: 0px;

}
#topmenu a:hover{
font-weight: bold;
text-decoration: none;
background-image: url(../images/boxmenuover.jpg);
background-color: none;

}
#banner {
height: 303px;
width: 900px;
background-color: #E2E2E2;
background: url(../images/Voorfoto.jpg);
}

#contentarea {


}
#left {
float: left;
width: 179px;
background-color: #FFFFFF;
color: #000000;
margin: 10px 0px 20px 5px;
}
#right {
float: left;
width: 179px;
margin: 10px 5px 20px 0px;
z-index: 10;
}
#user3{
float: right;
width: 650px;
margin: 15px 5px 20px 10px;
}

#lefttop, #righttop {
background-image: url(../images/box_top.png);
background-repeat: no-repeat;
width: 179px;
height: 10px;
}
#left .moduletable h3, #right .moduletable h3 {
background-image: url(../images/moduleback.png);
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 16px;
line-height: 38px;
height: 38px;
width: 170px;
text-align: center;
margin: 0px 0px 5px 0px;
}

#left_content, #right_content {
border-right-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #E0E0E0;
border-left-color: #E0E0E0;
padding: 0px 3px;
background-image: url(../images/box_bg.jpg);
background-repeat: repeat-x;
margin: 0px;
background-color: #FFFFFF;

}
#leftbottom, #rightbottom {
background-image: url(../images/box_bottom.png);
background-repeat: no-repeat;
width: 179px;
height: 12px;
}
.maincontent {


padding: 10px;
z-index: 5;
margin-right: auto;
}
table.content {
}

#footer {
background-image: url(../images/box.jpg);
background-repeat: repeat-x;
width: 900px;
text-align: center;
color: #8B8B8B;
padding: 10px 0px;
height: 56px;
}


.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
a.mainlevel:link, a.mainlevel:visited {
border-left: 3px solid #373636;
height: 20px;
line-height: 20px;
padding: 5px;
width: 142px;
display: block;
margin: 2px 0px;
color: #000000;
}
a.mainlevel:hover, #active_menu {
background-color: #373636;
text-decoration: none;
border-left: 3px solid #373636;
color: #FFFFFF;
}
a.sublevel:link, a.sublevel:visited {
color: #666666;
height: 18px;
line-height: 18px;
}


.contentheading {
color: #373636;
font-size: 16px;
font-weight: bold;
border-bottom-color: #373636;
border-bottom-style: solid;
border-bottom-width: 1px;
width: 710px;
}
.contentdescription {
padding: 10px;
}
.moduletable {
padding: 0px 0px 10px 0px;
margin: 0px;
}
.componentheading {
background-image: url(../images/componentheading.jpg);
background-repeat: repeat-x;
height: 34px;
line-height: 34px;
color: #fff;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
border: 2px outset;
}

a:link, a:visited {
color: #CC0000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
.latestnews ul, .latestnews li {
margin: 0 15px;
padding: 0px 0px 0px 5px;
}
.latestnews {
margin: 0px;
padding: 0px;
}
.sectiontableheader {
padding: 0px 5px;
background-color: #373636;
color: #FFFFFF;
}

.sectiontableentry1 {
}
.sectiontableentry2 {
background-color: #CCCCCC;
}
.button {
background-image: url(../images/button.png);
width: 72px;
height: 32px;
line-height: 32px;
color: #E6E6E6;
font-weight: bold;
font-size: 12px;
text-align: center;
border: none;
margin: 5px 0px;
background-color: #FFFFFF;
}
.inputbox {
border: 2px solid #E0E0E0;
padding: 2px;
}
.small {
color: #999999;
font-size: 10px;
}
.createdate {
color: #999999;
font-size: 10px;
margin-bottom: 10px;
}
.search {
margin: 5px 0px;
padding: 2px;
}








en dit de index.php:


<?php echo "<?xml version=\"1.0\"?>"; ?>
<?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>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead();?>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/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="banner">
<div id="top">
<div id="pathway"><div class="pathway"><?php mosPathWay(); ?></div></div>
<div id="date"><?php echo mosCurrentDate(); ?></div>
</div>
</div>
<div id="contentarea">
<div id="left">
<div id="lefttop"></div>
<div id="left_content"><?php mosLoadModules ( 'left', -2 ); ?></div>
<div id="leftbottom"></div>

<?php if ( mosCountModules ('right') ) { ?>
<div id="right">
<div id="righttop"></div>
<div id="right_content"><?php mosLoadModules ( 'right', -2 ); ?></div>
<div id="rightbottom"></div>

</div>

<?php } ?>
</div>


<table border="0" cellpadding="0" cellspacing="0" width="65%" class="content_table">
<div id="user3"><?php mosLoadModules ( 'user8', -2 ); ?></div>
<tr valign="top">
<td width="99%">
<table width="100%" height="38" border="0" cellpadding="0" cellspacing="0" class="content_table">
<?php if ($colspan > 0) { ?>
<?php } ?>
<tr>
<td width="50%" height="38" class="maincontent">
<?php mosMainBody(); ?>
</td>
</tr>
</table>
</td>

</tr>
</table>
<br class="clearfloat" />
</div>
<div id="footer"><?php include_once('includes/footer.php'); ?>
</div>
</div>
</body>
</html>



de site is: www.breesetegelcentrale.be
 
had k al gedaan maar krijg 2 rare fouten
...

zijn dit die fouten die u bedoelt met karakter set?

<div id="user3"></div>✉
Line 74, Column 27: there is no attribute "height".
 
goed, ik heb nu de fouten aangepast...

Maar ik krijg nog steeds in IE6 een te groot font in mijn links en tekst met als gevolg dat men content onder de menu bar komt te staan?

kan iemand me helpen?
 
Blijft het zelfde... :(

Ik heb echt geen idee meer hoe komt?
In IE7 en ff alles perfect, alleen IE6 is het font te groot waardoor de home helemaal fout gaat.
 
Laatst bewerkt:
Heeft iemand een idee hoe k dit kan aanpassen?
Ik vind het echt niet...
 
even een 'stomme' opmerking:
Je IE6 heeft toevallig geen eigen stijlinstellingen? (Ergens in de opties voor weergave ofzo)
 
Het is niet alleen bij mij..., bij iedereen kom in IE6 een groter font mee dan is geschreven.
Dus ik denk niet dat het daaraan kan liggen
 
Je kunt 'em' gebruiken in plaats van 'pixels'. Misschien helpt dat, moet je maar wat over zoeken op Google.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan