Probeme mit Kompatibilitätsmodus

glupto

Neuer Benutzer
#1
Hallo, (jetzt muss ich das zum zweiten Mal schreiben, weil er sich hier den Text nicht merkt, wenn man eine Seite vor und dann wieder zurückgeht.) Ich habe eine website, die im Firefox, Chrome, Safari und auch im IE 8 und 9 richtig dargestellt wird, nur nicht im Kompatibilitätsmodus. Nun kann ich den bei mir ausschalten, aber nicht bei denanderen Nutzern meiner Seite. Ich versuche alles mögliche, um ihn auch im KM richtig anzeigen zu lassen - bisher ohne Erfolg. Die Seite heißt:
Testseite

Eigentlich sollen beide Spalten (col) nebeneinander stehen und die Rahmen-Farbe ist blau. Im KM dagegen grau und einspaltig. wenn ich im css den main - Bereich von 100 auf 101 % erhöhe oder den der Cols von 50 auf 49, dann geht es wieder, dann sitzt es aber nicht mittig. Das ist auch nicht das, was ich wollte. Und bei den anderen Browsern geht es ja auch. habe schon im Kopf

Code:
 <meta http-equiv="X-UA-Compatible" content="IE=8" />
eingefüft, nützt aber auch nix. Hier der css:
Code:
   body , ul , li {
     margin:0;
     padding:0;
    }
    body {
      background-image: url("coldsteel2.png");
     background-position:center-top;
     background-repeat:no-repeat;
     font-family: "UnDotum", "Segoe UI", "Trebuchet MS", sans-serif;
     color: #0071b5;
    }
    #alles
    {
    margin: 0 auto;
    width: 90%;
    }
    #header {
     float:left;
     width:100%;
    }
    #navi4 ul {
    background: url(bg_gray_2.png) repeat-x #333;
    float:left;
    width:100%;
    list-style:none;
    }
    #navi4 ul li {
     float:left;
     width:100px;
     position:relative;
     background: url(bg_gray_2.png) repeat-x ;
    }
    #navi4 ul ul {
     display: none;
    }
    #navi4 ul li:hover ul { display: block; position: absolute; left:0px; top: auto; }
    #navi4 a { padding:5px 15px;color: white; text-decoration: none;display:block; }
    #navi4 li:hover { background: url(bg_gray_2_hover.png) ; }
    #navi4 ul li a {background: url(li1.png) center left no-repeat;  }
    #navi4 ul ul li a { background: url(li3.png) center left no-repeat ;  font-size: .8em ;}

    #main {
          width:100%;
     float:left;
    }
    #col1 , #col2 {
    overflow: hidden;
    float:left;
    width: 50%;
    min-height:500px;
    }
    #col1 .border {
     margin-right:0;
    }
    #footer {
          clear:both;
    }
    a:link
    { font-family: Verdana,Arial;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    text-underline: none; }
    a:hover
    { font-family: Verdana,Arial;
    font-size: 14px;
    color: #000000;
    text-decoration: underline; }
    .border {
     background-color: white;
     margin:0px;
     padding-left:50px;
     padding-bottom:15px;
     border:15px;
      border-style: ridge;
    border-color: "05B0FF";
    }
   img {
         padding:0px;
         margin:0px;
    }
Und das HTML
HTML:
<!DOCTYPE html>
<!--[if lt IE 7 ]><html lang="de" class="no-js ie6" xmlns="http://www.w3.org/2000/xhtml"><![endif]-->
<!--[if IE 7 ]><html lang="de" class="no-js ie7" xmlns="http://www.w3.org/2000/xhtml"><![endif]-->
<!--[if IE 8 ]><html lang="de" class="no-js ie8" xmlns="http://www.w3.org/2000/xhtml"><![endif]-->
<!--[if IE 9 ]><html lang="de" class="no-js ie9" xmlns="http://www.w3.org/2000/xhtml"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="de" class="no-js" xmlns="http://www.w3.org/2000/xhtml"><!--<![endif]-->
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
 <title>Testseite</title> 
 <meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta name="description" content="Die Nachrichten-Übersicht über die wichtigsten Schlagzeilen von Uebermorgen" />
<meta http-equiv="refresh" content="600; URL=http://www.weltammontag.de/index.php">  
<meta name="keywords" content="123"/>
<meta name="Author" content="123" />
 
<meta name="content-language" content="de" />
<meta name="language" content="deutsch, de" />
 <link href="navi.css" type="text/css" rel="stylesheet" media="screen" /> 
 
 
<?php
function feedholen ($url)
{ define('MAGPIE_INPUT_ENCODING', 'UTF-8');
define('MAGPIE_OUTPUT_ENCODING', 'UTF-8');
define('MAGPIE_CACHE_DIR', 'cache');
define('MAGPIE_CACHE_AGE', '600');
require_once('rss_fetch.inc');
if ( $url ) {
$num_items = 13;
$rss = fetch_rss( $url );
$items = array_slice($rss->items, 0,$num_items);
}
echo "<ul id='feed'>";
foreach ($items as $item) {
$href = $item['link'];
$title = $item['title'];
 
if( strpos( $href, "http://blog.zdf.de" )!==0 ) 
echo "<li><a href=$href target='_blank'>$title</a></li>";
}
echo "</ul>";
}
?>
</head>
     
   <body>
    <div id="alles">
    <div id="header"><img src="br_headerdummy.png" alt="header" width="100%"></div>       
    <div id="navi4">
 <ul>
  <li>
   <a href="index.php">Home</a>
  </li>
  <li>
   <a href="#">Ressorts</a>
   <ul>
    <li><a href="index.php">Politik</a></li>
    <li><a href="regionales.php">Region</a></li>
    <li><a href="wirtschaft.php">Wirtschaft</a></li>
    <li><a href="kultur.php">Kultur</a></li>
                                          <li><a href="wissen.php">Wissen</a></li>
    <li><a href="sport.php">Sport</a></li>
   </ul>
  </li>  
                  <li>
   <a href="#">Ansichten            </a>
   <ul>
    <li><a href="index.php">Alles</a></li>
    <li><a href="home_7.php">7 news</a></li>
    <li><a href="home_5.php">5 news</a></li>
    <li><a href="home_3.php">3 news</a></li>
    <li><a href="home_1.php">Topthema</a></li>
   </ul>
  </li>
  <li>
   <a href="impressum.php">Impressum</a>
  </li>
 </ul>
</div>
    <div id="main">
    <div id="col1">
    <div class="border">
    <p>
 <a href="http://www.heute.de/" target="_blank"> 
<img src="logos/heutelogo.jpg" alt="ZDF Wirtschaft" width="50" height="35" style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p>
<?php

feedholen('http://www.heute.de/ZDF/zdfportal/web/heute-Nachrichten/4672/3998/f9101d/ZDFheute--Nachrichten---Startseite.html?view=rss');
?>
    
    </div>
    <div class="border">
    <p>
    <a href="http://www.inforadio.de/nachrichten/index.html" target="_blank"> 
<img src="logos/inforadio.jpg" alt="rbb-Inforadio"  style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p>
<?php

feedholen('http://www.inforadio.de/nachrichten/index.feed.rss.xml');
?> 
    </div>
<br>
<br>
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Zum Seitenanfang" onClick="self.location.href=('http://www.nachrichtentisch.de/home_7.php')"></FORM>  

    </div>
    <div id="col2">
   <div class="border">
    <p>
 <a href="http://www.spiegel.de/" target="_blank"> 
<img src="logos/spiegel.jpg" alt="Der Spiegel" width="140" height="25" style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p>
<?php
feedholen ('http://www.spiegel.de/index.rss');
?>
    </div>
   <div class="border">
    <p>
<a href="http://www.focus.de/politik/" target="_blank"> 
<img src="logos/focus.jpg" alt="FOCUS" width="82" height="43" style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p>
 
<?php
feedholen ('http://rss2.focus.de/c/32191/f/443313/index.rss');
?>
   
    </div>
    </div>
    </div>
    <div id="footer"><h6><br>Verantwortlich für dieses nichtkommerzielle Informationsangebot: P. Tomuscheit   2012</h6></div> 
    </div>
    </body></html>
Danke für nützliche Hinweise.
Glupto
 
Oben