[Problem] Schriftgröße nach includen im IE

[MaxFleit]

Halllo,
ich habe heute ein dickes Problem.

So sollte der ganze Spaß aussehen und es funzt auch im Mozilla:

Erledigt

Im IE 6/7 sieht es aber so aus:

Erledigt

WIe man sieht wird rechts die Schrift auf einmal vergrößert und das ganze Design zerreist auch.

CSS Datei:

Allgemein:

html, body {
  margin:0;
  padding:0;
  background-color:#5C5859;
  color:#5C5859;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  height:100%;
}

Stelle Box 1:

div#right div.box1 {
  margin-bottom:10px;
  padding:0 5px;
  width:209px;
  background-color:#ECDDBD;
  font-size:1em;
  border-top:1px solid #C3C0B1;
  border-bottom:1px solid #C3C0B1;
  font-weight:normal;
}

In der HTML wird das RSS Parsing Script welches rechts eingesetzt wird einfach includet.


Brauche dringend Hilfe und würde mich über Antworten freun.

Gruss
Max

 

[tleilax]

Wenn mich nicht alles täuscht, übernimmt der IE innerhalb von Tabellen nicht die globalen Einstellungen für Schriften.

Versuch mal, das folgende in Dein Stylesheet mit einzubinden:

table tr td {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

 

[MaxFleit]

Ok, danke schonmal dafür daran liegts.

Aber es kommt ein neues Problem.

Im IE fehlt links der Background wie man sieht im Gegensatz zum Mozilla

Erledigt

Wie man sieht sind die Boxen rechts nicht bündig so wie im Mozilla da fehlt iwie ein Stück.

Livedemo: Fertig

Hier mal die ganze CSS Datei:

html, body {
  margin:0;
  padding:0;
  background-color:#5C5859;
  color:#5C5859;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  height:100%;
}

img {
  border:none;
}
    
a, a:visited, a:active {
  color:#5C5859;
  text-decoration:none;
  font-weight:bold;
}

a:hover {
  color:#844474;
  text-decoration:none;
  font-weight:bold;
}

div#main {
  margin:0 auto;
  padding:0 6px 31px 2px;
  width:962px;
  background: url(../images/main-bg.jpg) repeat-y;
  font-size:1em;
  min-height:96%;
  height:auto !important;
  height:96%;
  position:relative;
}

div#navigation {
  margin:0;
  padding:0;
  width:220px;
  background: url(../images/navigation-bg.jpg) repeat-x #FFFFFF;
  font-size:1em;
  float:left;
  text-align:center;
}

div#navigation ul {
  margin:13px 0 80px 0;
  padding:0;
  font-size:1.1em;
  font-weight:bold;
  list-style:square inside;
  text-align:left;
}

div#navigation ul li {
  margin:0 0 12px 0;
  padding:6px 0 6px 44px;
  border-top:1px dotted #5c5859;
  border-bottom:1px dotted #5C5859;
}

div#navigation ul li:hover,  div#navigation ul li a:hover{
  color:#844474;
}

div#content {
  margin:0;
  padding:0 17px;
  width:487px;
  background-color:#FFFFFF;
  font-size:1em;
  float:left;
  border:1px solid #C3C0B1;
}

div#content h2 {
  font-size:1em;
  font-weight:bold;
}

div#content img {
border:1px solid #5C5859;
} 

div#content h3 {
  font-size:1em;
  font-weight:bold;
}
div#content h4 {
  font-size:1em;
  font-weight:normal;
  font-style:italic;
  margin-bottom:3px;
}

div#content td {
   border: solid 1px #C3C0B1;
   padding:3px;
   font-family: Geneva, Arial, Helvetica, sans-serif; 
   font-size: 12px;
}

div#content th {
   border: solid 1px #C3C0B1;
   font-weight:bold;
   padding:3px;
   font-family: Geneva, Arial, Helvetica, sans-serif; 
   font-size: 12px;
}

div#content hr {
   border: dotted 1px #C3C0B1;
   margin:3px;
}
div#content ul {
  font-weight:bold;
  list-style:square inside;
}

div#auf ul {
  font-weight:normal;
  list-style:square inside;
}

div#auf img {
border:0px;
margin-right:5px;
margin-top:5px;
} 

div#right {
  margin:0;
  padding:0;
  width:219px;
  background-color:#FFFFFF;
  font-size:1em;
  float:right;
}

div#right table tr td { 
    font-family: Geneva, Arial, Helvetica, sans-serif; 
    font-size: 12px; }
    
div#right div.box1 {
  margin-bottom:10px;
  padding:0 5px;
  width:209px;
  background-color:#ECDDBD;
  font-size:1em;
  border-top:1px solid #C3C0B1;
  border-bottom:1px solid #C3C0B1;
  font-weight:normal;
}

div#right div.box2 {
  margin-bottom:10px;
  padding:0 5px;
  width:209px;
  background-color:#F5EEDD;
  font-size:1em;
  border-top:1px solid #C3C0B1;
  border-bottom:1px solid #C3C0B1;
}

div#right div.box2 img{
  border: 1px solid #C3C0B1;
}

div#right div.box1 h3, div#right div.box2 h3 {
  margin:0;
  padding:0;
  font-size:1.1em;
  text-align:center;
  border-bottom:1px dotted #5C5859;
}

div#right div.box1 p, div#right div.box2 p {
  margin:5px 0;
  padding:0;
}

div#right div.box1 ul, div#right div.box2 ul {
  margin:5px 0;
  padding:0;
  list-style-type:none;
}

div#right div.box1 a.link, div#right div.box2 a.link {
  margin:0;
  padding:0;
  float:right;
}

div#right div.box1 div.images, div#right div.box2 div.images {
  margin:5px;
  text-align:center;
}

div#footer {
  margin:0;
  padding:11px 12px 0 0;
  width:949px;
  height:20px;
  background-color:#EDDEBF;
  font-size:1em;
  font-weight:bold;
  text-align:right;
  position:absolute;
  bottom:0px;
  left:2px;
}

 

[Renegade]

Hi,

Hättest mich auch ruhig per ICQ fragen können

Das liegt an der ersten Zeile, da muss zwingend der Doctype stehen. Andernfalls schaltet der IE in den QuirksModus ...

 

[MaxFleit]

Lol, es geht dankeschön. Warst im ICQ net online.