[HTML] Konflikt: IE6 vs. FireFox

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Hochi, 16. März 2007 .

Schlagworte:
  1. 16. März 2007
    Konflikt: IE6 vs. FireFox

    Also ich hab ein Problem, ich habe mal kurz eine Seite zusammen getüfelt, mag sie gut sein oder nicht k.a. ist ja eigentlich meine erste Page.
    So jetzt aber das Problem.

    Der Ie6 bringt mir die Page so durcheinander das es wirklich nach garnichts mehr aussieht.

    ImageShack® - Online Photo and Video Hosting

    Der Firefox zeigt mir das Ergebnis jedoch schön und korrekt an genauso wie ichs haben will:

    ImageShack® - Online Photo and Video Hosting

    Der Quellcode:

    Bitte nicht schimpfen denn ich bin mir sicher das ich nich Ordentlich programmiert habe, aber ich bin da noch ziemlich auf Neuland. (Danke)

    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=iso-8859-1" />
<title>Untitled Document</title>
</head>


<div style="position:fixed; background-image:url(images/Main/Background.gif); top:-100px; left:0px; width:1280px; height:980px;">
<table style="position:fixed; top:400px; left:200px">
 <tr>
 <td width="200" height="300">
 <iframe src="news.html" frameborder="1" scrolling="yes"></iframe>
 </td>
 </tr>
</table>
<table style="position:fixed; top:200px; left:130px">
 <tr>
 <td width="250" height="50">
 <img src="images/home.jpg" alt="Home" />
 </td>
 <td width="250" height="50">
 <img src="images/dl.jpg" alt="Download" />
 </td>
 <td width="250" height="50">
 <img src="images/faq.jpg" alt="Faq" />
 </td>
 </tr>
</table>
<table style="position:fixed; top:300px; left:200px">
 <tr>
 <td frameborder="1" width="600" height="120">
 <img src="images/banner.gif" alt="Faq" />
 </td>
 </tr>
</table>
<table style="position:fixed; top:340px; left:520px">
 <tr>
 <td width="200" height="300">
 <img src="images/Main/button.gif" />
 </td>
 </tr>
</table>
<table style="position:fixed; top:380px; left:520px">
 <tr>
 <td width="200" height="300">
 <img src="images/Main/button2.gif" />
 </td>
 </tr>
</table>



</div>

<body style="background-color:#000000">
</body>
</html>
    Hoffe mir kann jemand helfen.
    Danke, BW gibts soundso..

    Hochi
     
    + Multi-Zitat Zitieren
  3. 16. März 2007
    AW: Konflikt: IE6 vs. FireFox

    peace
    also mir ist es so bekannt,das es bei div öfters zu solchen verschiebungen kommt...aber ist ist von browser zu browser unterschiedlich
    lg
     
    + Multi-Zitat Zitieren
  4. 16. März 2007
    AW: Konflikt: IE6 vs. FireFox


    Achja und was kann ich noch dagegen tun wenn z.B. die Auflösung eben anderes ist da muss ich ja die divs anders bzw. die Einstellungen anders tätigen.
    Denn bei einer Auflösung von 1024x860 sieht es total aus.

    http://www.p0ker.6x.to

    Nur als Probe. Mit der höheren Auflösung gibts wieder keine Probleme.
    Achja der IE7 hat wieder keine Probleme..

    Hochi
     
    + Multi-Zitat Zitieren
  5. 16. März 2007
    AW: Konflikt: IE6 vs. FireFox

    binde das hintergrundbild doch einfach mit css ein..
    dann sollte es keine probleme geben..

    mfg

    EDIT:

    binde das mal im head ein (mach das andere dann aber weg)
    ps: bei mir die seite in allen browsern (firefox 2.x; inet7; opera 9) korrekt angezeigt
    und du solltest das scrollen der ganzen seite auf jeden fall erlauben, da man sonst bei manchen browser nur die halbe seite sieht (bei 1024x768)

    <style type="text/css">
    body {
    background-image: url(images/Main/Background.gif);
    background-attachment:fixed;
    background-repeat:no-repeat;
    margin-left: 0px;
    margin-top: 100px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    </style>
     
    + Multi-Zitat Zitieren
  6. 16. März 2007
    AW: Konflikt: IE6 vs. FireFox

    Du benutzt aussenrum einen DIV-Layer, warum verwendest du dann innen drin wieder Tabellen, statt es auch mit DIV zu machen?

    Und was mich gerade ganz verwundert, der DIV steht zwischen dem HEAD-Endtag und dem BODY-Anfangstag... wieso steht er nicht im Body drin???

    Mach mal folgendes, schick deine komplette Seite durch den W3C Validator http://validator.w3.org/ und schau mal, was er dir so anstreicht. Diese Punkte solltest du zunächst einmal korrigieren und dann schaun, ob die Anzeige immernoch falsch ist.
     
    + Multi-Zitat Zitieren
  7. 16. März 2007
    AW: Konflikt: IE6 vs. FireFox

    @pather: Wie erlaube ich Scrollen?
    Habs probiert das ich scrolling="yes" ob im css style tag einbaue funtzt aber nicht.

    @ResusPos:

    Also ich habs mal durchlaufen lassen und nun nur mehr einen Fehler denn ich aber nicht verstehe:
    Code:
    Error Line 9 column 22: document type does not allow element "style" here.

<style type="text/css">

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
    Der Code von der Website sieht nun so aus.

    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=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body >

<style type="text/css">
body {
background-image: url(images/Main/Background.gif);
background-attachment:fixed;
background-repeat:no-repeat;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #040204;
}
</style>

<table style="position:fixed; top:350px; left:200px">
 <tr>
 <td width="200" height="300">
 <iframe src="news.html"></iframe>
 </td>
 </tr>
</table>
<table style="position:fixed; top:150px; left:130px">
 <tr>
 <td width="250" height="50">
 <img src="images/home.jpg" alt="Home" />
 </td>
 <td width="250" height="50">
 <img src="images/dl.jpg" alt="Download" />
 </td>
 <td width="250" height="50">
 <img src="images/faq.jpg" alt="Faq" />
 </td>
 </tr>
</table>
<table style="position:fixed; top:250px; left:200px">
 <tr>
 <td width="600" height="120">
 <img src="images/banner.gif" alt="Faq" />
 </td>
 </tr>
</table>
<table style="position:fixed; top:290px; left:520px">
 <tr>
 <td width="200" height="300">
 <img src="images/Main/button.gif" alt="Partner1"/>
 </td>
 </tr>
</table>
<table style="position:fixed; top:330px; left:520px">
 <tr>
 <td width="200" height="300">
 <img src="images/Main/button2.gif" alt="Partner2"/>
 </td>
 </tr>
</table>




</body>
</html>
    Bewertung ist an alles Drei Natürlich raus.

    Hochi
     
    + Multi-Zitat Zitieren
  8. 16. März 2007
    AW: Konflikt: IE6 vs. FireFox

    Das <style> Element muss in den Kopf bereich. Also zwischen <head> und </head>.
    Im Boby ist es nicht erlaubt.
     
    + Multi-Zitat Zitieren
  9. 16. März 2007
    AW: Konflikt: IE6 vs. FireFox

    Achso man ich bin Dumm, jetzt seh ichs auch und ich hab mir immer gedacht was will er von mir is doch eh im Head Berreich, ^^ Ich bin heut dann doch schon zulange vor dem Pc gesitzt...

    @Lima: Bw +

    Zusätzliche Frage wie kann ich eigentlich die IFrame ändern wenn ich z.B. auf Faq klicke ohne Dabei wieder komplett eine neue seite zumachen und den inhalt der home seite zu kopieren und nur faq.html statt news.html reinschreibe?

    EDIT: Das mit dem Scrollen und der Auflösung habe ich nun auch Einigermaßen in den Griff bekommen, ich hab nämlich alle Images auf Fixed gehabt.

    Hochi
     
    + Multi-Zitat Zitieren
  10. 17. März 2007
    AW: Konflikt: IE6 vs. FireFox

    im content bindest du css elemente mit <tag style="angabe: wert;"></tag> ein.
     
    + Multi-Zitat Zitieren
  11. 17. März 2007
    AW: Konflikt: IE6 vs. FireFox

    Das mit dem Frame Wechsel hab ich nun auch schon geschnallt.
    Danke aufjedenfall für alle Hilfe.

    Wenn noch Problem auftauchen würde,werde ich mich nochmals melden und das Thema hochholen.

    Hochi
     
    + Multi-Zitat Zitieren
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten