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:
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
<meta http-equiv="X-UA-Compatible" content="IE=8" />
eingefüft, nützt aber auch nix. Hier der css:
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
<!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" /> <?phpfunction 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="
Danke für nützliche Hinweise.
Glupto
Please,
Anmelden
or
Registrieren
to view URLs content!
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
<meta http-equiv="X-UA-Compatible" content="IE=8" />
eingefüft, nützt aber auch nix. Hier der css:
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
<!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" /> <?phpfunction 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="
Please,
Anmelden
or
Registrieren
to view URLs content!
" target="_blank"> <img src="logos/heutelogo.jpg" alt="ZDF Wirtschaft" width="50" height="35" style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p><?phpfeedholen('Please,
Anmelden
or
Registrieren
to view URLs content!
ZDF/zdfportal/web/heute-Nachrichten/4672/3998/f9101d/ZDFheute--Nachrichten---Startseite.html?view=rss');?> </div> <div class="border"> <p> <a href="Please,
Anmelden
or
Registrieren
to view URLs content!
" target="_blank"> <img src="logos/inforadio.jpg" alt="rbb-Inforadio" style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p><?phpfeedholen('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="Please,
Anmelden
or
Registrieren
to view URLs content!
" target="_blank"> <img src="logos/spiegel.jpg" alt="Der Spiegel" width="140" height="25" style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p><?phpfeedholen ('Please,
Anmelden
or
Registrieren
to view URLs content!
index.rss');?> </div> <div class="border"> <p><a href="Please,
Anmelden
or
Registrieren
to view URLs content!
" target="_blank"> <img src="logos/focus.jpg" alt="FOCUS" width="82" height="43" style="margin:-10px 0px 0px -45px ; padding:0px;"/></a></p> <?phpfeedholen ('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
