Markus Hauthaler: Internet5,6 zeigt Website falsch an.

Habe ein Problem, der alte Internet explorer zeigt meine Website falsch an. Das Foto von meinem Kunden wird falsch herum angezeigt und der Text (Body)ist unter der Menü Leiste. Hier der Code für die Hauptseite :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<style type="text/css" title="currentStyle" media="screen">
@import "index.css";
</style>
<title>Startseite</title>
<meta name="Content-Language" content="de">
<style type="text/css">
 body {
  background-color: #CCCCFF;
 }
 li.c2 {list-style: none; display: inline}
 img.c1 {filter:FlipV();}
</style>
</head>
<body>
<div id="alles">
<div id="header">
<p>Herzlich Willkommen auf meiner Homepage</p>
</div>
<div id="menu">
<ul>
<li><a href="index.html" title="Home" align="center">Home</a></li>
<li><a href="impres.html" title="Impressum">Impressum</a></li>
<li><a href="elektro.html" title="Elektro">Elektrotechnik</a></li>
<li><a href="knx.html" title="KNX">KNX-EiB</a></li>
<li><a href="network.html" title="Network">Netzwerktechnik</a></li>
<li><a href="led.html" title="LED">LED-Beleuchtung</a></li>
<li><a href="sat.html" title="SAT">SAT-Anlagen</a></li>
<li><a href="sauger.html" title="Sauger">Staubsauger-Anlagen</a></li>
<li><a href="medicin.html" title="Medic">Medizintechnik</a></li>
<li><a href="partner.html" title="Partner">Partner</a></li>
<li><a href="#1" title="Empty"></a></li>
</ul>
</div>
</div>
<div id="inhalt">
<div id="inhalt2">
<p><img src="Roland.JPG" class="c1" alt="** PLEASE DESCRIBE THIS IMAGE **"></p>
</div>
<div id="inhalt4">
<h2>Mein Name ist Roland Steinlesberger</h2>
</div>
<h2>und ICH bin IHR Fachmann in den Bereichen:</h2>
<div id="inhalt3">
<ul>
<li>- Elektrotechnik</li>
<li>- KNX-EiB</li>
<li>- Netzwerktechnik</li>
<li>- LED-Beleuchtung</li>
<li>- SAT-Anlagen</li>
<li>- Staubsauger-Anlagen</li>
<li class="c2">
<p>oder im Bereich der Medizintechnik</p>
</li>
</ul>
</div>
<div id="inhalt5">
<ul>
<li>Einer meiner verlässlichen Partner</li>
<li class="c2">
<p><img class="links" src="loxo.jpg" alt="loxo"></p>
</li>
</ul>
</div>
<div id="textbox">
<p>Roland Steinlesberger
Elektrotechnik &amp; Elektrohandel,
Rosenstra&szlig;e 3, 3364 Neuhofen / Ybbs,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Handy:(0664) 161 32 99,
&nbsp;Mail:office@rs-elektrotechnik.at</p>
</div>
</div>
</body>
</html>

und der CSS-Code:

#alles{
width: 850px;

margin: auto;  
color: #ffff;  
font-family: Calibri;  
margin-top:20px;  
background-color: #CCCCFF;  
}  

body{

}
#header{

color: white;  
margin:auto;  
padding: 10px 10px 20px 10px;  
height:120px;  
background-image:url(logo1.jpg); background-repeat:no-repeat;  
text-align:center;  
vertical-align: middle;  

}
#header h1{

font-weight: bold;  
font-size: 170%;  
vertical-align: middle;  

}

#header p{

padding-top:55px;  
vertical-align: middle;  
font-weight: bold;  
font-family: Calibri;  
font-size:120%;  

}
#kopfzeile{
background-color: white;
border-bottom: solid 5px #A5C921;
}
#kopfzeile p{
margin-right: auto;
padding: 0 0;
}
/*        V2        */

*{
list-style:none;
margin:0px;
padding:0px;
}

#menu {
width: 180px;
border: 100%;
border-width: 1px;
background-color: #003366;
float:left;
margin:20px auto;
border: 1px solid black;
font-family: Calibri;
margin-top:150px;
text-align:left;

}  

#menu li a {
color:white;
height: 32px;
   voice-family: ""}"";
   voice-family: inherit;
   height: 24px;
text-decoration: none;
}

#menu li a:link,#menu li a:visited{

display: block;  
background-repeat:no-repeat;  
padding: 8px 0 0 10px;  


}  

#menu li a:hover {
color: orange;
background-repeat:no-repeat;
padding: 8px 0 0 10px;

}  

#menu li a:active {
color: blue;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
background-color:white;
}

#inhalt {

width: 840px;  
margin-top:-50px;  
height:750px;  
margin:auto;  
padding: 10px 0 10px 10px;  
margin-bottom:20px;  
background-image:url(Bild2.jpg); background-repeat:no-repeat;  

font-size: 110%;

}  
#inhalt p{  
padding-top:10px;  
}  

#inhalt h2{
font-size: 100%;
padding-left:250px;

padding-bottom:20px;  
}  

#inhalt2{
text-align: right;
}
#inhalt2 img{

display: inline;  
height:280px;  
  
display: inline;  
float: rigth;  
margin-right:15px;  
margin-bottom:10px;  
}  
  
#inhalt3{  
padding-top:-20px;  
text-align: left;  
padding-left:300px;  
font-family: Calibri;  
}  
#inhalt3 img{  
	text-align: center;  
}  
#inhalt3 p{  
font-size:100%;  
}  
#inhalt4 h2{  
margin-top:-50px;  
padding-top:-50px;  
padding-bottom:10px;  
  
}  
#inhalt5{  
font-family: Calibri;  
padding-top: 90px;  
padding-left:630px;  
font-size:80%;  
}  
#inhalt5 img{  
height:35px;  
padding-left:15px;  
  
}  

#menu ul{
list-style: none;
background-color: ;
margin: 0;
padding: 0;
}
#menu ul li(

)
#menu ul li a {
background-color: white;
text-decoration: none;
color: #444;
}
#textbox {
font-size:70%;

height:50px;
width:840px;
padding-left:200px;
margin: 70px auto;
}

Ich weiß das manches Doppelt und manches sinnloserweise drinsteht. Gleich schon mal danke für eure Hilfe

  1. Hallo Markus,

    ... der alte Internet explorer ...

    nur zur Info: für Viele ist das der IE 8, für wenige der IE7 und für kaum noch jemand der IE 6.

    Daher erst mal eine Gegenfrage: Warum willst du, dass die Seite im IE 5 oder 6 genauso aussieht, wie in richtigen Browsern? IE 5 ist definitv tot. Und der IE 6 eigentlich auch. Normalerweise soll das Layout in IE8 oder IE9 stimmen, bei älteren IEs reicht es, wenn die Inhalte rüberkommen.

    Gruß, Jürgen

    1. Ich weiß nur das der Internet Explorer 9 es richtig anzeigt.

      1. Hallo Markus,

        img.c1 {filter:FlipV();}

        was soll das denn bewirken?

        Gruß, Jürgen

        1. Hi,

          img.c1 {filter:FlipV();}

          was soll das denn bewirken?

          Na das hier natürlich:

          Das Foto von meinem Kunden wird falsch herum angezeigt

          :-)

          MfG ChrisB

          --
          RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
          1. Hallo ChrisB,

            img.c1 {filter:FlipV();}

            was soll das denn bewirken?

            Na das hier natürlich:

            Das Foto von meinem Kunden wird falsch herum angezeigt

            :-)

            offensichtlich nicht ???

            Gruß, Jürgen

        2. Es bewirkt nichts, sollte aber eine Lösung für das Bild sein :/ habe ich wo gelesen und ausprobiert.

          1. Hallo Markus,

            Es bewirkt nichts, sollte aber eine Lösung für das Bild sein :/ habe ich wo gelesen und ausprobiert.

            Hmm. Ich hatte jetzt gedacht, dass hierdurch das Bild im IE umgedreht wird.

            Gruß, Jürgen

          2. Hallo Markus,

            Es bewirkt nichts, sollte aber eine Lösung für das Bild sein :/ habe ich wo gelesen und ausprobiert.

            verflixt noch mal: das ist für den von Dir nicht gewünschten Effekt verantwortlich, wie Dir Jürgen schon gesagt hat:

            http://de.selfhtml.org/css/eigenschaften/filter.htm#flip_v@title=flipV (Filter, nur Microsoft).

            Wirf es raus!

            Freundliche Grüße

            Vinzenz

  2. Habe ein Problem, der alte Internet explorer zeigt meine Website falsch an.

    Und Netscape 4 erst noch! In Hotjava sieht das gräßlich aus... Lynx zeigt die Grafik erst gar nicht!

    Im Ernst. Wie viel will Dein Kunde dafür zahlen, dass auch die letzten Unbelehrbaren (IE 5,6!) die Webseiten im selben Layout sehen wie die mit "angemessen modernen" Browsern. Wie viele Krücken willst Du dafür einsetzen und wie viele Standards verletzten?

    Vermutlich kommt er sehr viel billiger, wenn er dem letzten Besucher mit einem so alten Browser einen neuen Rechner mit OS und aktuellem Browser schenkt.

    Und: sind das wirklich Kunden, die noch so alten Schrott haben?

    Fred