zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE6 fehler

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.08.2008, 10:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.08.2008
Beiträge: 1
dominik26 befindet sich auf einem aufstrebenden Ast
Standard IE6 fehler

Hallo Leute!
Erstmal super Forum hier! Gefällt mir sehr gut!

hab folgendes Problem:

Meine Startseite bei: VW-Page.at - Die interaktive Volkswagen/Audi/Seat-Community sieht unter IE7, FF,... super aus.

Nur der IE6 will nicht so ganz. Da verschiebt es die Button usw...

Ich kenn mich leider bei css usw nicht so gut aus. Wäre euch also sehr dankbar!

hier die css:
PHP-Code:
@charset "utf-8";
/* CSS Document */
#center {
    
text-align:center;
}

#page {
    
float:none;
    
width:814px;
    
height:814px;
    
margin:auto;
    
text-align:left;
}

#navigation {
    
float:none;
    
width:814px;
    
height:105px;
    
background-image:url("http://xhtmlforum.de/images/navigationBG.png");
    
background-position:left bottom;
    
background-repeat:no-repeat;
}

#navigationL {
    
float:left;
    
width:242px;
    
height:35px;
    
margin-top:39px;
    
margin-left:31px;
}

#forum {
    
margin-left:10px;
}

#navigationM {
    
float:left;
    
width:122px;
    
height:74px;
}

#navigationR {
    
float:left;
    
width:419px;
    
height:35px;
    
margin-top:39px;
}

#main_content {
    
padding-left:14px;
}

#main {
    
float:left;
    
width:623px;
    
height:604px;
}

#content {
    
float:none;
    
width:623x;
    
height:448px;
}

#enter {
    
margin-top:86px;
}

#footer {
    
float:none;
    
width:623px;
    
height:137px;
    
background-image:url("http://xhtmlforum.de/images/footerBG.png");
    
background-position:right;
    
background-repeat:no-repeat;
}

#footerL {
    
float:left;
    
width:21px;
    
height:137px;
}

#footerR {
    
float:left;
    
width:598px;
    
height:133px;
    
font-family:verdana,arial,helvetica;
    
font-size:10px;
    
margin-left:2px;
    
margin-right:2px;
    
margin-top:2px;
    
margin-bottom:2px;
}

#ad {
    
float:left;
    
width:164px;
    
height:604px;
    
background-image:url("http://xhtmlforum.de/images/adBG.png");
    
background-repeat:no-repeat;
    
margin-top:-17px;
    
margin-left:13px;
}

#adI {
    
margin-left:2px;
    
margin-top:2px;

Hier die php:

PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>VW-Page.at - Die interaktive Volkswagen/Audi/Seat-Community</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">



<!--



function win(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)



{



toolbar_str = toolbar ? 'yes' : 'no';



menubar_str = menubar ? 'yes' : 'no';



statusbar_str = statusbar ? 'yes' : 'no';



scrollbar_str = scrollbar ? 'yes' : 'no';



resizable_str = resizable ? 'yes' : 'no';







window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);



}







// -->



</script>
</head>

<body>
<div id="center">
<div id="page">
    <div id="navigation">
        <div id="navigationL">
            <a href="http://www.vw-page.at/?2"><img src="http://xhtmlforum.de/images/button_homepage.png" alt="Homepage" name="homepage" border="0" id="homepage" /></a><a href="http://www.vw-page.at/wcf/wbb/"><img src="http://xhtmlforum.de/images/button_forum.png" alt="forum" name="forum" border="0" id="forum" /></a>        </div>
<div id="navigationM">
            <img src="http://xhtmlforum.de/images/button_auktion.png" alt="Auktion" border="0" id="auktion" />
        </div>
        <div id="navigationR">
            <a href="http://www.vw-page.at/toplist/"><img src="http://xhtmlforum.de/images/button_toplist.png" alt="Toplist" name="toplist" border="0" id="toplist" /></a>        </div>
    </div>
<div id="main_content">
    <div id="main">
        <div id="content">
            <a href="http://www.vw-page.at/?2"><img src="http://xhtmlforum.de/images/content.png" alt="enter page here" name="enter" border="0" id="enter" /></a>        </div>
    <div id="footer">
            <div id="footerL">
                <img src="http://xhtmlforum.de/images/disclamer.png" alt="" border="0" id="disclamer" />
            </div>
            <div id="footerR">Beim Betreten der         Hauptseite werden die <a href="javascript:win('disclaimer', 'disclaimer.php', 0, 0, 500, 540, 0, 0, 0, 1, 0)">Nutzungsbedingungen</a> von VW-Page.at automatisch anerkannt und weiters         werden von den Providern alle IP Adressen zur         Ahndung von Verstössen gegen die <a href="javascript:win('disclaimer', 'disclaimer.php', 0, 0, 500, 540, 0, 0, 0, 1, 0)">Nutzungsbedingungen</a> sechs Monate lang gespeichert. Die Verwendung von Material [Bild und  Text] von VW-Page.at ist nur mit Quellverweis bzw. schriftlicher  Genehmigung des Urhebers gestattet.<br  /><br  />
<strong>Diese Website ist privat und vollkomend unabhängig vom Angebot der Volkswagen AG<br />
<br />
</strong>

<br />
<br />
<?PHP
$ip 
getenv("REMOTE_ADDR");
$host gethostbyaddr($ip);

echo 
"Deine IP: $ip<br>\n";
echo 
"Dein Host: $host\n";
?></div>
        </div>
    </div>
  <div id="ad">
  <div id="adI">
<script type='text/javascript'><!--//<![CDATA[
   var m3_u = (location.protocol=='https:'?'https://www.vw-page.at/adserver/www/delivery/ajs.php':'http://www.vw-page.at/adserver/www/delivery/ajs.php');
   var m3_r = Math.floor(Math.random()*99999999999);
   if (!document.MAX_used) document.MAX_used = ',';
   document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
   document.write ("?zoneid=3");
   document.write ('&amp;cb=' + m3_r);
   if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
   document.write ("&amp;loc=" + escape(window.location));
   if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
   if (document.context) document.write ("&context=" + escape(document.context));
   if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
   document.write ("'><\/scr"+"ipt>");
//]]>--></script><noscript><a href='http://www.vw-page.at/adserver/www/delivery/ck.php?n=ab1a646a&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://www.vw-page.at/adserver/www/delivery/avw.php?zoneid=3&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=ab1a646a' border='0' alt='' /></a>
</noscript>
    </div>
    </div>
</div>
</div>
</div>
</body>
</html>
Hier noch ein Screenshot im IE6:


Vielen dank,

Dominik

Geändert von dominik26 (12.08.2008 um 12:18 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.08.2008, 03:24
Benutzer
neuer user
 
Registriert seit: 08.08.2008
Ort: Hamburg
Beiträge: 36
Ratatoeskr befindet sich auf einem aufstrebenden Ast
Standard

Hi dominik,

ich rate jetzt einfach mal wo das Problem liegt. Das letzte Element deiner Navi "Toplist" landet unterhalb den anderen Punkten weil die Breite deines #navigation nicht ausreicht.

Setze einfach die width:; dieses Element hoch um zu kucken ob ich recht habe.

Übrigens! Deklariere bei deinen Navipunkten überall zusätzlich:

display:inline;

das sieht dann so aus:

#navigationL {
float:left;
width:242px;
height:35px;
margin-top:39px;
margin-left:31px;
display:inline; <---- das kommt hinzu
}

da machst du dann bitte auch bei den anderen Punkten. Warum? Der IE6 hat einen kleinen Renderingbug bei gefloateten Elementen bei denen du ein margin:; setzt.

Er VERDOPPELT dann alle Margin-Werte. Rendert also ein margin:30px; als ein margin:60px;

Diesen Bug vermeidest du mit display:inline; auf den gefloateten Elementen.

Probiere diese zwei Sachen doch bitte aus. Damit ist dein Problem mit ein wenig Glück schon gelöst. Und wenn das nicht klappen sollte hat evtl. noch jemand anderes hier bestimmt einen guten Rat.

Ich drück dir die Daumen
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Wo ist der Fehler in diesem Design (im IE6)? Strubbl CSS 8 25.01.2008 12:57
seh den Fehler nicht - IE6 Problem simplex2k4 CSS 6 05.09.2007 23:39
Immer noch ein Fehler im IE6 bei 3 faux col design Krischu CSS 3 24.05.2007 12:07
IE6 only Fehler - IE5 is fine :irre: Swoop CSS 3 19.05.2005 17:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:19 Uhr.