Unterschiedliche Darstellung FF, IE7 und IE6

Hallo Admins!

Ich brauch eure Hilfe. Ich weiß ja, das bestimmte Sachen für den FF, den IE7 und den IE6 unterschiedlich programmiert werden müssen, aber bei folgendem Problem hab ich einfach keinen Plan mehr was da schief läuft.

Schaut euch bitte mal die Seite www.optimax.at/finanzberatung.html an. Ganz unten sollte der blaue Balken, in dem AGB usw steht, die Seite abschließen. Das macht es auch im FF und im IE7 aber im IE6, falls den noch wer hat, ist unter dem blauen Balken noch ein weißer, der nicht dort hingehört.
Ich würde euch gerne meinen Quellcode hierher posten, aber ich weiß nicht genau wie ich das mache und ob ich das hier direkt im Posting darf.

Kann mir jemand von euch sagen was das Problem ist oder woran das liegt?
Danke und schöne Tag noch.
Lg, Michael

//EDIT:

Danke erstmal für deine schnelle Antwort, hier der Code der einen Seite...
Ich weiß, dass ihr Profis manches wahrscheinlich anders machen würdet bzw ein paar tabellen-sachen nicht ganz sauber sind, aber ich möcht das mal aussen vor lassen und mich um das wesentliche kümmern *g*

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">  
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />  

<title>Optimax</title>

<link href="navi.css" rel="stylesheet" type="text/css" />  
<link href="style.css" rel="stylesheet" type="text/css" />  

<script language="JavaScript" type="text/JavaScript">  
function fenster(url,name,w,h) {
    window.open(url,name,'scrollbars=yes,status=no,toolbar=yes, resizable=yes, width='+ w +',height='+ h);  
}
</script>

  <!--[if IE]>
    <style type="text/css">@import "fix-ie.css";</style> 
  <![endif]-->
  <!--[if lt IE 7]>
    <style type="text/css">@import "fix-ie6.css";</style> 
  <![endif]-->
</head>

<body>
<div id="container">  
  <table id="content" width="100%" height="379" border="0" align="center" cellspacing="0">  
  <div id="header">  
  <div id="bildcontainer_finanzberatung"></div>  
    <div align="left"><img src="img/optimax1grau.gif" alt="" width="284" height="80" hspace="10" vspace="10" /></div>  
  </div>
  <tr>
    <td height="42" colspan="3"><table width="100%" border="0" cellpadding="0" cellspacing="0">  
      <tr>
        <td width="100%" height="20" background="img/navi2.gif">  
<div class="pro_linedrop">  
<ul class="select">  
<li class="mainlinks"><a href="home.html"><b>Home</b></a></li>  
<li class="mainlinks"><a href="finanzieren.html"><b>Finanzieren</b></a></li>  
<li class="mainlinks"><a href="versichern.html"><b>Versichern</b></a></li>  
<li class="mainlinks"><a href="vorsorgen.html"><b>Vorsorgen</b></a></li>  
<li class="mainlinks"><a href="finanzberatung.html"><b>Finanzberatung</b></a></li>  
<li class="mainlinks"><a href="about.html"><b>&Uuml;ber Optimax</b></a></li>  
</ul>
</div></td>
      </tr>
      <tr>
        <td height="20" bgcolor="#1f7fc3"><div align="center"><span class="sublinks"><a href="finanzoptimierung.html" class="sublinks">Finanzoptimierung</a></span> <span class="trennlinie">|</span> <span class="sublinks"><a href="beratungsservice.html" class="sublinks">Beratungsservice</a></span> <span class="trennlinie">|</span> <span class="sublinks"><a href="kontaktformular.html" class="sublinks">Online Kontaktformular</a></span> </div>  
          <div align="center" class="style1">  
          <div align="center"></div>  
        </div></td>
      </tr>
    </table>
     </td>
  </tr>
  <tr>
    <td width="78%" height="299" valign="top"><table width="88%" border="0" align="center">  
      <tr>
        <td height="293" valign="top"><p align="justify" class="text">&nbsp;</p>  
          <p align="justify" class="header">Finanzberatung</p>  
          <p align="justify" class="text">Optimax offeriert Ihnen einen in dieser Form einzigartigen <strong>Allfinanzservice</strong>.</p>  
          <p align="justify" class="text">Neben den 3 klassischen Bereichen  (Finanzierungen, Versicherungen, Vorsorge &amp; Anlage) bietet Optimax  Antworten und L&ouml;sungen auf Ihre Fragen in Sachen Finanzen:<br />  
            <br />
            In unserer <a href="finanzoptimierung.html" class="tipp">Finanzoptimierung</a> zeigen wir Ihnen, wie Sie mit der  Wahl des g&uuml;nstigsten Strom-, Gas-, Telefon-, Internet- oder Handyanbieters  sparen und unser <u class="tipp"><a href="beratungsservice.html">Beratungsservice</a></u> liefert Antworten auf alle Ihre offenen Fragen zum Thema Finanzen.</p>  
          </td>
      </tr>
    </table>    </td>
    <td width="2%" colspan="-2">&nbsp;</td>  
    <td width="20%" colspan="-2"><img src="img/kontakt.gif" alt="" width="157" height="155" />  
      <map name="Map2" id="Map2">  
       	  <area shape="rect" coords="18,206,141,241" href="mailto:blablabla" alt="mailto" />  
		</map> 	</td>
  </tr>
  
  <tr>
    <td height="15" colspan="3">&nbsp;</td>  
  </tr>
 <tr>
    <td height="20" colspan="3" valign="middle" bgcolor="#77cbf2" align="right" >  
    <a href="javascript:fenster('AGB.pdf','agb',500,500);" class="downbar">AGB</a> .   
    <a href="javascript:fenster('DSE.pdf','agb',500,500);" class="downbar">Datenschutz</a> .   
    <a href="impressum.html" class="downbar" >Impressum</a>  
	</td>
  </tr>
</table>
</div>
</body>
</html>

p.s. es stehen auch noch andere sachen in der style.css wie z.B die bildcontainer in denen die bilder der jeweiligen seiten gespeichert sind

Please also mark the comments that contributed to the solution of the article

Content-Key: 86644

Url: https://administrator.de/contentid/86644

Printed on: April 16, 2024 at 06:04 o'clock

6 Comments

Latest comment

Hi michi,

den Code kannst und darfst du posten, ist sogar gewollt

. Nutze einfach die code-Tags dafür, steht in den Formatting instructions in the posts.

Ich sehe das Problem, nur leider nicht im Quellcode. Bin ich blind, oder stehen in deiner "style.css" wirklich nur die Link-Formatierungen für die downbar? ^^

Mfg

Mitchell

Hallo,

sehe auch nichts im Quellcode, navi.css und style.css sehen OK aus.

@Mitchell
In style.css steht soweit alles drin.

Seltsam ist, lade ich mir die Quellcodes zur Offlineansicht, ist das Problem mit IE6 nicht da.
Ob mit oder ohne "fix-ie6.css"!
fix-ie.css enthält gar nichts, oder?

Gruß
Peter

nein, die enthält eigentlich nichts.

an was kanns denn noch liegen ?
oder soll ich einfach auf den IE6 sch... ?

@ petrof, bin ich blind? Ich sehe wirklich nur die "a's" *G*. Die Angaben zur downbar (background etc. sehe ich nich)

@ michi, das kannst du tun, die Frage ist, bist du dann zufrieden?

. Ich denke, der IE6 interpretiert deine Tabellen nicht richtig, weil z.B. "table height" oder auch "td height" nicht zum HTML Standart gehören und auch nur von neueren Browsern geduldet werden. Ich empfehle dir, lass die Tabellen (soweit möglich) weg und versuch auch das mit CSS zu regeln. Mit dem IE6 und andren alten Browsern wirst du sonst auf keinen grünen Zweig kommen.

Mfg

Mitchell

PS: Ich habe deinen Code mal in den normalen Code-Tag gepackt, ansonsten wird das Layout zerstört bzw. die komplette Seite zieht sich dann weit nach rechts.

Hallo Mitchell,

.downbar steht jeweils hinter a_downbar

Gruß
Peter

.downbar steht jeweils hinter a_downbar

seh ich schon, mir fehlen nur die Angaben zur Ausrichtung usw. Aber ich habe irgendwie erst gestern geschnallt, dass dies alles mit den Tabellen geschieht

Mfg

Mitchell

German Question Web Development Development