Ergebnis 1 bis 5 von 5

Thema: Verschiedene Browser zeigen andere Ergebnisse

  1. #1
    TP-Member
    Registriert seit
    Apr 2005
    Beiträge
    88

    Verschiedene Browser zeigen andere Ergebnisse

    Hallo,

    ich habe mich in der letzten Zeit mal ein wenig mit HTML befasst und arbeite zu Anfang noch mit dem Dreamweaver. Ich habe jetzt mal eine Page gemacht. Die Page wird im Internet Explorer einwandfrei angezeigt, siehe hier. Ich habe es dann mal zur Sicherheit nochmal in AOL probiert und da sieht das Ganze so aus .

    Da ist alles verschoben usw. und mal ganz abgesehen von Dreamweaver, da sieht es nie so aus, wie es dann im Internet zu sehen ist. Das ist ja dann kein WYSIWYG oder?

    Könnt ihr mein Problem lösen?

    Achja, hier noch der Code:

    <HTML>
    <HEAD>
    <TITLE>Werbekampagne.net - Design Wettbewerbe fuer Firmen und Freelancer</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </HEAD>
    <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <div id="Layer1" style="position:absolute; left:889px; top:-6px; width:29px; height:565px; z-index:1">
    <div align="center"><img src="../balkenr.jpg" width="25" height="580"></div>
    </div>
    <div id="Layer2" style="position:absolute; left:86px; top:-6px; width:2px; height:585px; z-index:2"><img src="../balkenl.jpg" width="25" height="580"></div>
    <center>
    <!-- ImageReady Slices (co-casher-16arbeit.psd) -->
    <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>

    <TD COLSPAN=3> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="110">
    <param name="movie" value="036.swf">
    <param name="quality" value="high">
    <embed src="036.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="110"></embed></object></TD>
    </TR>
    <TR>
    <TD ROWSPAN=3>
    <IMG SRC="images/index_02.jpg" WIDTH=237 HEIGHT=439 ALT=""></TD>
    <TD>
    <IMG SRC="images/index_03.jpg" WIDTH=386 HEIGHT=171 ALT=""></TD>
    <TD ROWSPAN=3>
    <IMG SRC="images/index_04.jpg" WIDTH=157 HEIGHT=439 ALT=""></TD>
    </TR>
    <TR>
    <TD>
    <IMG SRC="images/index_05.jpg" WIDTH=386 HEIGHT=24 ALT=""></TD>
    </TR>
    <TR>
    <TD>
    <IMG SRC="images/index_06.jpg" WIDTH=386 HEIGHT=244 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=3>
    <IMG SRC="images/index_07.jpg" WIDTH=780 HEIGHT=25 ALT=""></TD>
    </TR>
    <TR>

    <TD COLSPAN=3> <div align="center"><font color="#999999" size="1" face="tahoma">Copyright
    2006 by Werbekampagne.net - Alle Rechte vorbehalten - Impressum</font></div></TD>
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    </center>
    </BODY>
    </HTML>
    danke

    mfg

  2. #2
    TP-Urgestein Avatar von webcreate
    Registriert seit
    Nov 2003
    Ort
    NRW
    Beiträge
    11.661
    Das hat verschiedene Gründe, erstmal gibst du keinen Doctype an, was zur Ursache hat, das in den verschiedenen Browsern unterschiedlich gerendert wird und dann kommt noch hinzu, das verschiedene Browser CSS unterschiedlich behandeln.
    Abhilfe: Anhande der Browsererkennung (Conditional Comments) unterschidliche CSS Dateien verwenden. Klick
    Gruß Mark

    webcreate IT SOLUTIONS
    www.webcreate-nrw.de

    Photoblog....|....flickr

  3. #3
    TP-Member
    Registriert seit
    Apr 2005
    Beiträge
    88
    Aha, danke für deine Antwort.

    Also ich hab jetzt den doctype eingefügt

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    Jetzt bei dem zweiten Teil habe ich noch Fragen. Von welchem Brwoser muss ich jetzt ausgehen? Ist jetzt die Seite, wie sie jetzt ist, bei AOL oder beim IE falsch angezeigt?

    Ich habe auf den Link, den du mir gegeben hast, geklickt und habe mir die codes angeschaut.

    Könntest du mir vielleicht die Codes so aufbereiten und posten, dass die Page auf allen Seiten gleich aussieht? Und vielleicht sagen, wo ich das einfügen muss?

    Wäre nett von dir.

    Danke

    mfg

  4. #4
    TP-Urgestein Avatar von webcreate
    Registriert seit
    Nov 2003
    Ort
    NRW
    Beiträge
    11.661
    Falsch wird sie halt subjektiv da beurteilt, wo es nicht so aussieht, wie du es willst.
    Den Code darfst du auch gerne alleine aufbereiten. Wir haben hier auch eine Link-Sammlung, wo genug Links zu CSS Tuts stehen und wie man CSS für unterschiedliche Darstellungen anpassen muss.
    Die COnditional Comments kommen in den Head bereich, in ihnen kann man einmal die ganze Definition schreiben, oder eine ext. CSS Datei verlinken.
    Deinen Code musst du halt soweit anpassen, das dieser keine direkten Style Anweisungen mehr hat, sondern mit IDs oder mit class arbeiten.
    Du siehst schon, du musst dich da schon etwas mehr mit CSS beschäftigen.
    Gruß Mark

    webcreate IT SOLUTIONS
    www.webcreate-nrw.de

    Photoblog....|....flickr

  5. #5
    TP-Member
    Registriert seit
    Apr 2005
    Beiträge
    88
    Ohje, hört sich alles so kompliziert an.

    Trotzdem danke

    mfg

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51