HP Darstellung im IE und FF verschieden

gabtn

hey leute, ich habe das problem, eine webseite erstellt zu haben, die der Firefox anzeigt wie gewünscht, jedoch der Internetexplorer wiederum ganz anders.
Woran kann das liegen, was kann ich machen????

hier sind die ansichten:
http://www.bilder-hochladen.net/files/c0js-2-jpg.html
http://www.bilder-hochladen.net/files/c0js-1-jpg.html

hier ist der Code:

Code:

HTML

<?xml version="1.0" encoding="iso-8859-1"?> 
<!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" xml:lang="en" lang="en"> 
<head> 
<title>Adaptive Regelsysteme GmbH</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="description" content="Website description" /> 
<meta name="keywords" content="keyword1,keyword2,keyword2,keyword4" /> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
<style type="text/css"> 
/*<![CDATA[*/ 
 body.c2 {background-image: url(bilder/blau3.jpg); background-position: center; background-repeat: no-repeat;} 
 iframe.c1 {background-color:transparent} 
/*]]>*/ 
</style> 
</head> 
<body class="c2"> 
<div id="contact"><a href="contact.html" target="iframe1">Contact</a></div> 
<div id="title">ARS</div> 
<div id="slogan">Adaptive Regelsysteme GmbH</div> 
<div id="header"> 
<ul id="nav"> 
<li><a href="home.html" target="iframe1">Home</a></li> 
<li><a href="Services.html" target="iframe1">Services</a></li> 
<li><a href="products.html" target="iframe1">Products</a></li> 
<li><a href="company.html" target="iframe1">Company</a></li> 
<li><a href="map.html" target="iframe1">Map</a></li> 
</ul> 
</div> 
<iframe name="iframe1" src="home.html" width="500" frameborder="0" class="c1" height="600" scrolling="no" id="iframe1">Ihr Browser unterst?tzt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.</iframe> 
<div id="sidecontent"> 
<h2>News</h2> 
<p><a href="News1.html" target="iframe1">News1</a></p> 
<p><a href="News2.html" target="iframe1">News2</a></p> 
<p><a href="News3.html" target="iframe1">News3</a></p> 
<h2>Notes</h2> 
<ul> 
<li>Marginal note that explains something.</li> 
</ul> 
<h2>Links</h2> 
<p><a href="http://www.techno-z.at/">Techno-Z Salzburg</a></p> 
<p><a href="#">Related link 2</a></p> 
</div> 
<div id="footer"> 
<div id="copyrightdesign">Copyright © 2009 ARS | <a href="http://ars-systems.at/">ARS Adaptive Regelsysteme GmbH</a></div> 
<div id="footercontact"><a href="contact.html" target="iframe1">Contact</a></div> 
</div> 
</body> 
</html>

Alles anzeigen

und hier das CSS file:

Code

* { 
        padding:0; 
        margin:0; 
} 
 
 
body { 
 
 
 
 
        color: #333333; 
        background-color:transparent; 
        font-family:Arial, sans-serif; 
        font-size:86%; 
        margin:20px auto; 
        width:760px; 
        padding-left:10px; 
        padding-right:10px; 
} 
 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address { margin:0.75em 0;} 
 
h1 {font-size:167%;} 
 
h2 {font-size:139%;} 
 
h3 {font-size:120%;} 
 
h4 {font-size:100%;} 
 
li, dd { 
        margin-left:2em; 
} 
 
a { 
        color: #FFFFFF; 
        background-color: transparent; 
        font-weight: normal; 
        text-decoration: none; 
} 
 
a:hover { 
        color: #FFFFFF; 
        background-color: transparent; 
        font-weight: normal; 
        text-decoration: underline; 
 
} 
 
#contact { 
        padding:0px 0px 0px 0px; 
        display:inline; 
        float:right; 
} 
 
#contact a { 
        color: #FFFFFF; 
        background-color:transparent; 
        font-weight:bold; 
        text-decoration:none; 
} 
 
#contact a:hover { 
        color: #FFFFFF; 
        background-color:transparent; 
        text-decoration:underline; 
} 
 
#header { 
        clear:both; 
} 
 
 
#title { 
        clear:both; 
        color: #FFFFFF; 
        background-color:transparent; 
        font-size:300%; 
        font-weight:bold; 
        padding:0px 40px 0px 0px; 
        margin-bottom:10px; 
        display:inline; 
        float:left; 
} 
 
#slogan { 
        color:#000000; 
        background-color:transparent; 
        font-size:medium; 
        font-weight:bold; 
        font-style:normal; 
        padding:20px 0px 0px 20px; 
        display:inline; 
        float:left; 
        margin:0px 0px 10px 0px; 
} 
 
 
ul#nav { 
        clear:both; 
        float:left; 
        margin: 0; 
        padding: 0; 
        list-style: none; 
        text-align: center; 
        width:100%; 
        display:inline; 
        border-left: #111111 solid thin; 
        border-right: #111111 solid thin; 
} 
 
ul#nav li { 
        margin: 0; 
        padding: 0; 
        float: left; 
        width: 20%; 
        display:inline; 
        border-top: #111111 solid thin; 
        border-bottom: #111111 solid thin; 
} 
 
ul#nav li a { 
        display: block; 
        font-size: small; 
        color: #000000; 
        font-weight: bold; 
        text-decoration: none; 
        background: #FFFFFF; 
} 
 
ul#nav li a:hover { background: #000000; color: #FFFFFF; } 
ul#nav a.selected:link { background: #000000; color: #FFFFFF; } 
ul#nav a.selected:visited { background: #000000; color: #FFFFFF; } 
 
 
#path { 
        width:760px; 
        clear:both; 
        float:left; 
        display:inline; 
        font-size:83%; 
        font-weight:normal; 
        margin:4px 0px 5px 0px; 
} 
 
#path a { 
        font-weight:normal; 
} 
 
#maincontent { 
        display:inline; 
        font-size:100%; 
        padding:0px 5px 5px 0px; 
        margin:0px 0px 0px 0px; 
        width:500px; 
        float:left; 
} 
 
#sidecontent { 
 
        color: #333333; 
        background-color:#FFFFFF; 
        font-size:83%; 
        padding:10px 15px 5px 15px; 
        margin:10px 0px 0px 0px; 
        width:185px; 
        float:right; 
        border-width:1px; 
        border-style:solid; 
        border-color:#000000; 
        display:inline; 
} 
 
#sidecontent a { 
        color: blue; 
        background-color:transparent; 
} 
 
#footer { 
        color:#000000; 
        background-color:#FFFFFF; 
        border-top:1px solid #CCCCCC; 
        font-size:80%; 
        line-height:1.5em; 
        clear:both; 
} 
 
#footer        a { 
        color:#FFFFFF; 
        background-color:transparent; 
        text-decoration: none; 
} 
 
#footer        a:hover { 
        color:#FFFFFF; 
        background-color:transparent; 
        font-weight: normal; 
        text-decoration: underline; 
} 
 
#copyrightdesign { 
        color:#000000; 
        background-color:transparent; 
        padding:5px 20px 5px 0px; 
        width: 580px; 
        float:left; 
        display:inline; 
} 
 
#footercontact { 
        color:#FFFFFF; 
        background-color:transparent; 
        padding:5px 0px 5px 0px; 
        float:right; 
        display:inline; 
}

Alles anzeigen

könnte mir jemand es so umschreiben dass es auch im IE6 gut aussieht, die HP muss heute noch fertig werden, und ich kenn mich nicht sehr gut aus......

Bandit

Zitat von gabtn

könnte mir jemand es so umschreiben dass es auch im IE6 gut aussieht, die HP muss heute noch fertig werden, und ich kenn mich nicht sehr gut aus......

Haha, der ist gut.

Schon mal die Sache mit http://validator.w3.org/ geprüft? Und verzichte auf Iframes.

gabtn

hab ich schon beides validiert. und nein ich verzichte nicht auf das Iframe, dafür ist es schon zu spät und ich bin mit dieser lösung mit iframe zufrieden..=)

Bandit

Zitat von gabtn

und nein ich verzichte nicht auf das Iframe, dafür ist es schon zu spät

Dann hast du von Anfang an einen konzeptionellen Fehler drin.

Zitat von gabtn

und ich bin mit dieser lösung mit iframe zufrieden..=)

Echt? Das ist keine Lösung, das ist eine Katastrophe. Und wieso strickst du an einer Firmenhomepage, wenn du keine Ahnung hast?

gabtn

weil mir der chef gesagt hat ich solls mal probieren und da n bisschen reinschnuppern....
ich bitte trotzdem mir zu helfen und nicht mich zu kritisieren, bring ma ned sehr viel, ich brauche lösungen, aber danke...=)

synaptic

die kritik ist ( so leid es mir tut) wirklich angebracht und ohne die grundlagen zu beherrschen sehe ich schwarz für dich und ein projekt...

der richtige weg wäre gewesen: chef, ich hab keine ahnung davon, ich mach mehr kaputt als ganz!

mein tip: plugin firebug für den firefox, damit kannste styles auslesen und entsprechende styles für den ie dann anpassen (musste immer testen)
du brauchst 2 stylesheets und conditional comments

und mach das
<?xml version="1.0" encoding="iso-8859-1"?>
weg, das schiebt den ie6 in den quirksmode!

gabtn

ja kritik ist angebracht, bissl ahnung hab i aba doch.
he das mit dem quirksmode hat mich gerade voll weitergebracht, danke mann...=)
jetz siehts schon besser aus am IE

gabtn

hey danke habs abab jetz geschafft.....=)

Bandit

Zitat von gabtn

ja kritik ist angebracht

Nur was nutzt es, wenn du die Kritik nicht annimmst und bei dem Quatsch bleibst?

synaptic

das ist eine berechtigte frage bandit

gabtn, du solltest deinem chef auf jeden fall stecken, dass er in die neuentwicklung doch noch etwas zeit oder geld investieren sollte...

gabtn.

ja des weiss er sowieso..
aba i lass es trotzdem bei dem iframe....denn jetz funktioniert die website genau so wie ich das will, also werd ich nichts mehr ändern.

Bandit

Für eine Firmenhomepage ist und bleibt das eine Katastrophe. Würde ich nie und nimmer produktiv schalten.

Elvis

Bandit, da muss ich leider widersprechen. Schlechte Werbung ist besser als keine. Das gilt auch für den Internetauftritt. Und wenn der Chef so geizig und anspruchslos ist.... Wobei ich es natürlich auch positiv finde, wenn man den eigenen Leuten Profilierungsmöglichkeiten gibt.

Und wenn man mal von den Iframes und der Optik absieht, hab ich schon deutlich schlechteren Code von Profis gesehen. Objektiv betrachtet ist das Gesamtergebnis leider nur gutes Privatniveau. Und wie bereits erwähnt, ist und bleibt es die Entscheidung seines Chefs.

gabtn

hey alter die firma hat ingesamt 3 mitarbeiter, also nix großes, und die haben bisher nur ne seite gehabt "befindet sich im aufbau", und dass schon seit 5 jahren. Also zwischenzeitlich wird das wohl genügen....

Bandit

Das ist ja alles richtig. Aber du beseitigst eine Baustelle und machst direkt die nächste auf. Das ist doch Quatsch. Einfach einmal richtig machen und gut ist. Und soviel Mehraufwand ist der Umbau ohne iframe nun auch wieder nicht, das ist bei den paar Seiten maximal 2 Stunden Arbeit.

gabtn

ja wie kann man das denn ohne iframe machen, hab nur diese lösung gefunden.
Sorry ich kenn mich halt ned so gut aus und hab alles aus foren und so weiter......

Bandit

Wenn du kein PHP auf dem Server zur Verfügung hast, dann baue jede Seite komplett einzeln, also eine komplette Seite home.html, services.html, etc. Und nochwas: verzichte auf Groß/Kleinschreibung bei Dateinamen, sonst kommst du irgendwann durcheinander. Alles klein schreiben ist besser.

Wenn ich news1, news2 und news3 sehe, wäre PHP/MySQL sowieso eine gute Wahl.

gabtn

ja wenn ich jede seite einzeln habe, dann muss ich wenn es eine neue news gibt die auf jeder seite wieder einzeln umschreiben. Oder wenn ich im Menü was ändere, muss ich dass auch auf jeder seite einzeln machen. Mit einem Iframe nicht.

PhP kann ich nicht........und geht auch nicht...

Bandit

Zitat von gabtn

PhP kann ich nicht

Kann man lernen und in diesem Fall wäre das auch nicht viel, was man machen müsste

Zitat von gabtn

und geht auch nicht

Sch.... Webspace

Dann bleibe bei deinen iFrames, obwohl ich dir immer noch davon abrate.

gabtn

warum raten eig alle von iframes ab???? was is an denen so schlimm??

Tags