Problem mit Anzeige im IE

Nohma

Hallihallo erstmal

Hab hier ein kleines Problem an dem ich langsam verzweifel (http://www.aobguild.de.vu => Startseite (News)..)

Hab ne Seite mit php includes (navibar usw.)...sooo...in Firefox wird alles perfekt angezeigt, doch wenn ich die Seite mit dem IE aufruf macht der Browser anscheinend einige Breaks vor meinen News rein (werden aus einer mysql Datenbank ausgelesen).

Hab mittlerweile alles mögliche versucht, find im Code aber nichts was auf die Breaks hindeuten könnte

Das ganze schaut in etwa so aus:

PHP

<? include ("config.php"); ?> 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title> .::. Avantgarde of Blood .::. </title>
  <meta name="description" content="Avantgarde of Blood">
<?php include ("kopf.inc.php"); ?>
  <style type="text/css">
<!--
.Stil4 {font-size: 1px}
body {
    background-color: #333333;
}
.Stil5 {font-weight: bold}
.Stil6 {font-size: 9px}
.Stil7 {color: #FF0000}
.Stil8 {font-size: 9px; color: #FF0000; }
-->
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>






<table width="30%" height="30%"  align="center" style="border-color:000000; border:solid; border-width:thin"  bgcolor="#FFFFFF"  >






  <tr>
    <td bgcolor="#FFFFFF"><?php include ("navi.inc.php"); ?>

     <div id="inhalt">
<?php


$abfrage = "SELECT * FROM news2 order by datum desc";
$ergebnis = mysql_query($abfrage);


while($row = mysql_fetch_object($ergebnis))
   {
  echo "<table width='99%' >
  <tr>
  <td><h2>" . $row->Name .  "" . " 
 <font='Verdana'><font color='red'><font size='0.5'> " . $row->Ersteller .  " am " . $row->Datum .  "  </font></h2> <font face='Arial, Verdana, Sans-Serif' color='black'> <div<font color='black' size='1.0em'>" . nl2br($row->News) . "  </font> </td></tr>
  </table>";
  }
?>
<div align="center"><font size="1px">(c) by Nohma - 2008</font></div>




          



[b]


        [/b]</p>
      </div>
      <?php include ("fuss.inc.php"); ?></td></tr>
</table>




</p>
</body> 
</html>

Alles anzeigen

CSS:

Code

body {


    color: #000000;
    background-color: #f2efc4;
    padding: 0;
    margin: 0;
    font: 1em verdana, sans-serif;

}


#oben {
    color: #ffffff;
    background-color: #bb9137;
    padding: 0px 0 0px 0px;
    margin: 0;
    font: bold 20px verdana, sans-serif;

}




#link_navi {
    float: left;
    width: 200px;
    margin-top: 15px;
    margin-left: 10px;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 0.8em;

}


#link_navi ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    width: 200px;

}


#link_navi li {
    padding: 0 0 2px 0;
    margin: 0;

}


#link_navi a {
    width: 180px;
    display: block;
    color: #761F21;
    background-color: #CCCCCC;
    border: 1px solid #999999;
    padding: 2px 2px 2px 10px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;

}


#link_navi a:hover {
    color: ffffff;
    background-color: #999999;
    border: 1px solid #333333;


}


#link_navi p {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 0;color: #bb9137;


}


#inhalt {
    margin: 0 0 0 225px;
    padding: 30px 50px 22px 30px;
    border-left: dotted 2px #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.55em;background-color: #ffffff;



}


#inhalt h2 {
    margin: 0 0 10px 0;
    padding: 2px 0 2px 5px;
    font: bold 16px verdana, sans-serif;
    border-left: 10px solid #000000;
    border-bottom: 1px solid #000000;


}


#inhalt h4{
    margin:25px 0 10px 0;
    padding:2px 0 2px 5px;
    font:bold 12px verdana, sans-serif;
    border-left: 10px solid #000000;
    border-bottom: 1px solid #000000;


}


#unten {
    border: 1px    solid #999999;
    clear: left;
    color: white;
    background-color: #CCCCCC;
    padding: 10px 30px 10px 0;
    font: bold 12px verdana, sans-serif;
    text-align: right;


}


#unten a {
    text-decoration: none;
    color: #761F21;


}


#fuss a:visited {
    color: #ffffff;
}


#fuss a:hover {
    text-decoration: Underline;
}


a:link {
    text-decoration: underline;
    color: #bb9137;
}


a:visited {
    text-decoration: underline;
    color: #bb9137;
}


a:hover {
    color: #d2b068;
}




#inhalta {
    margin: 0 0 0 225px;


    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.8em;background-color: #ffffff;
    text-align: justify;



}


#inhalta h2 {
    margin: 0 0 10px 0;
    padding: 2px 0 2px 5px;
    font: bold 16px verdana, sans-serif;
    border-left: 10px solid #000000;
    border-bottom: 1px solid #000000;


}


#inhalta h4{
    margin:25px 0 10px 0;
    padding:2px 0 2px 5px;
    font:bold 12px verdana, sans-serif;
    border-left: 10px solid #000000;
    border-bottom: 1px solid #000000;


}

Alles anzeigen

wäre hammer wenn das jmd schnell durchschauen könnte und mich, falls er etwas findet, auf meinen Fehler hinweisen könnte

würde micht wirklich freuen, mit freundlichen Grüßen

Nohma

pinales

Tach!

Meinst Du "Breaks" oder vergrößerte Zeilenabstände (Absätze)?

synaptic

also schnell is immer schwierig zumal da ja einiges an buchstaben aneinandergereiht ist..
hast du für den ie ein separates stylesheet? und wie sind die news in der DB hinterlegt? weil du ja geschrieben hast die breaks kommen aus der DB..
ich konnte mir das jetzt noch net genau angucken, habs nur überflogen..
aber der ie hat zum beispiel ein problem mit margins bei floatenden containern, evtl da mal mit nem padding probieren falls vorhanden...
kannst ja mal den firebug für den FF installieren ( https://addons.mozilla.org/de/firefox/addon/1843 ) und damit gucken welche styles für den entsprechenden bereich zuständig sind.
dann machste nen separates stylesheet nur für den IE6 und evtl eins für IE7 und bindest die mit conditional comments in deine website ein, nachdem!!! du dein anderes stylesheet eingebunden hast.
sah nämlich auf den ersten blick nach nem styleprob aus...und nich nach breaks die aus der DB kommen, dafür is der abstand nach oben einfach zu groß

ne, war auch nicht so gemeint dass du breaks aus der db kommen da sollte schon alles stimmen hab mich wohl bissl falsch ausgedrückt, meinte mit den breaks einfach dass das ganze im ie nach unten verschoben ist...seperate stylesheets hab ich nicht, werd mal deine methode probieren vielen dank für die schnelle antwort

Nohma

ach, maybe könnte euch das helfen:

Die Standartsteien, welche keinen dynamischen Inhalt haben (z.B. "Forum") funtionieren im IE ohne Probleme...

Der Code für die Ausgabe der News ist einfach in so einen Code eingefügt worden..DIeser schaut folgendermaßen aus:

PHP

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title> .::. Avantgarde of Blood .::. </title>
  <meta name="description" content="Avantgarde of Blood">
<?php include ("kopf.inc.php"); ?>
  <style type="text/css">
<!--
.Stil4 {font-size: 1px}
body {
	background-color: #333333;
}
.Stil6 {font-size: 1em}
-->
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>








</p>
<table width="733" height="488"  align="center" style="border-color:000000; border:solid; border-width:thin"  bgcolor="#FFFFFF"  >


  <tr>
    <td bgcolor="#FFFFFF"><?php include ("navi.inc.php"); ?>
      <div id="inhalt">
          <h2>Forum</h2>
        <p align="justify">Unser Forum bietet allen Mitgliedern, Verb&uuml;ndeten und G&auml;sten eine Plattform zur Diskussion. 


          


          Im &ouml;ffentlichen Bereich des Forums, welches f&uuml;r Jedermann zug&auml;nglich  ist, kann sich beworben werden f&uuml;r Mitgliedschaft, Allianzen und Wars. 


          


          Zudem bietet der &ouml;ffentliche Bereich einen Marktplatz, wo ihr Handel betreiben k&ouml;nnt.


          


          Abschlie&szlig;end ist ein Off-Topicbereich eingerichtet worden, welcher nix  mit der Welt rund um Archlord zu tun hat. Somit ist dort alles zu  besprechen, was nicht mit dem Spiel ansich verbunden ist.


          


          Der Interne Bereich ist ausschlie&szlig;lich unseren Membern vorbehalten.


          


&Uuml;ber einen Besuch w&uuml;rden wir uns freuen.</p>
        <p align="justify">[url='http://aobg.forumieren.com'][b]Forum[/b][/url]</p>
      </div>
      <?php include ("fuss.inc.php"); ?></td></tr>
</table>




</p>
</body> 
</html>

Alles anzeigen

sorry dass ich hier grad alles vollspam, kann aber leider nicht editieren als gast

hab grad mal n kleinen test gemacht:

wenn ich vor meinem php tag eine Überschrift mach (<h2>..</h2>) wird das ganz korrekt oben angezeigt..sowohl im Firefox, als auch im IE...Langsam bin ich ratlos

Nohma

das ganze verschiebt sich nur wenn ich aus der datenbank was ausgebe...echo='test'; z.B. wird ganz normal oben ausgegeben

//srry 4 spam

Tags