Tobias Mirsch: Netscape und Opera Ansicht wie beim IE

SELF-Forum

Netscape und Opera Ansicht wie beim IE

Tobias Mirsch Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,
Ich weiß nicht viel über Netscape und Opera allerdings möchte ich meine Seite nicht nur für den Internet Explorer anpassen da viele meiner Freunde Opera bzw Netscape benutzen.

So jetzt zum Problem: Meine Seite hat einen Bereich bekommen in dem  geschrieben werden soll (Wegen Hintergrundbild nicht über die ganze Seite). Opera und Netscape schreiben trotzdem weiter auf der gleichen Zeile anstatt in der nächsten.

Beim Beispiel der Seite info.htm (URL: http://www.mitglied.lycos.de/tobmir24/info.htm) kann man das sehr schön sehen.
Also wenn mir bitte einer sagen könnte wie das geht wäre ich sehr froh.

Achja, wenn ihr euch wundert das einige Elemente auf der Seite verschoben sind, das liegt an dem Frame das Lycos einfach rangehangen hat.

Quelltext:

<HTML>
<HEAD>
  <TITLE>tobmir24 - Info</TITLE>
  <META name="author" content="Tobias Mirsch">
  <META name="generator" content="SuperHTML 6.0">
<style type="text/css">
  body { margin-left:125px; }
  p,div,table,ul,ol { margin-left:10px; }
</style>

</HEAD>

<BODY text=#000000 link=#000000 alink=#000000 vlink=#000000 bgcolor=#FFFFFF  background="bg0023.gif" marginwidth="50" marginheight="100" topmargin="45" leftmargin="35" rightmargin="410">
<HR><CENTER><IMG src="werbung.jpg" alt="" border=0></CENTER><a href="http://www.nic.de.vu" target="_blank">
<IMG src="1w468x60_a.gif" alt="de|nic|vu - Kostenlose Domains für alle!" border=0></a><HR>

<div style="position:absolute; top:50px; right:90px;"><IMG src="t24.jpg" alt="Logo" border=1></div>

<div style="position:absolute; top:250px; right:90px;"><a href="http://www.tobmir24-board.de.vu" target=_blank><img src="board.gif"
border=1 ></a></div>
<div style="position:absolute; top:290px; right:90px;"><a href="http://13157.multiguestbook.com/" target=_blank><img src="gbook.gif"
border=1 ></a></div>
<div style="position:absolute; top:330px; right:90px;"><a href="info.htm"><img src="infos.gif"
border=1 ></a></div>
<div style="position:absolute; top:370px; right:90px;"><a href="gamepics.htm"><img src="gotm.gif"
border=1 ></a></div>
<div style="position:absolute; top:410px; right:90px;"><a href="files.htm"><img src="files.gif"
border=1 ></a></div>

<div style="position:absolute; top:550px; right:95px; z-index:2"><a href=http://www.bpjs-klage.de/ target=_blank><IMG src="bpjs-klage_88x31.gif" alt="GEGEN INDIZIERUNGEN" border=1></a></div>
<div style="position:absolute; top:510px; right:40px;"><IMG src="aktionbground.jpg" alt="" border=1></a></div>

<div style="position:absolute; top:689px; right:93px; z-index:2"><a href="http://www.disclaimer.de/disclaimer.htm?farbe=999999/000000/000000/000000" target=_blank><img src="http://www.disclaimer.de/images/d_black.gif"
width="84" height="20" border=0 alt="disclaimer"></a></div>

<div style="position:absolute; top:730px; right:90px; z-index:2"><a href="http://mitglied.lycos.de/crazyoutlaw/bender/News.php" target=_blank><IMG src="bender.jpg" alt="" border=1></a> </div>
<div style="position:absolute; top:764px; right:90px; z-index:2"><a href="http://www.pastiv.de.vu" target=_blank><IMG src="pastiv-button-001.gif" alt="" border=1></a> </div>

<div style="position:absolute; top:798px; right:90px; z-index:2"><a href="http://www.fsf-clanforum.de.vu/" target=_blank><IMG src="fsf-board.gif" alt="" border=1></a> </div>

<div style="position:absolute; top:658px; right:40px;"><IMG src="partnerbground.jpg" alt="" border=1></a> </div>
<div style="position:absolute; top:906px; right:40px;"><IMG src="mail_link.jpg" alt="" border=1></a> </div>
<div style="position:absolute; top:1040px; right:100px;"><IMG src="t24linkme.jpg" alt="" border=1></a> </div>
<div style="position:absolute; top:940px; right:115px;"><a href=mailto:tmirsch@cb-online.com> <IMG src="mail.gif" alt="" border=0></a> </div>

<BR><BR><IMG src="grey1.gif" alt="" border=0><H1><FONT color=#666666>Infos über <FONT color=#FF6666>tobmir24.de.vu</FONT>!</FONT></H1><FONT color=#666666><DIV align=justify><DIV><p style="margin-bottom:08pt"></p></DIV></DIV></FONT>

<BR><HR><I><B>Was ist tobmir24.de.vu?</B><FONT color=#666666></I> by <SPAN><a href="mailto:tmirsch@cb-online.com"><FONT color=#0000FF><I>tobmir24</I></FONT></a></SPAN><BR>
Einige fragen sich sicher: Was soll das? tobmir24.de.vu ist doch ein seltsamer Name oder? Die Antwort lautet NEIN!<BR>
Um es einfach auszudrücken, tobmir24 das bin ich.<BR>
Der Name setzt sich einfach von meinem Realname zusammen.<BR>
tob steht für Tobias, mir steht für Mirsch und die 24 steht ganz einfach dafür das ich am 24.Juli Geburtstag habe.<BR>
 <HR>

<BR><HR><I><B><FONT color=#000000>Warum überhaupt de.vu?</FONT></B></I> by <SPAN><a href="mailto:tmirsch@cb-online.com"><FONT color=#0000FF><I>tobmir24</I></FONT></a></SPAN><BR>
Also das de.vu stammt von de|nic|vu. Das ist eine Seite die kostenlose Domains anbietet (<a href="http:\www.nic.de.vu" target=_blank><FONT color=#0000FF><I>hier gehts zur Homepage</I></FONT></a>). <HR>

<BR><HR><I><B><FONT color=#000000>Was ist "GOTM"?</FONT></B></I> by <SPAN><a href="mailto:tmirsch@cb-online.com"><FONT color=#0000FF><I>tobmir24</I></FONT></a></SPAN><BR>
"GOTM" ist die Abkürzung für "Game of the Moment". Das passt nicht ausgeschrieben auf den Button. Und deshalb hab ich das abgekürzt.<BR> In dieser Rubrik sieht man ein aktuelles Topspiel.  <HR></font>

<BR><BR><CENTER><a href=index.htm><IMG src="mainpage.jpg" alt="" border=0></a></CENTER><BR><BR>
</BODY>
</HTML>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Netscape und Opera Ansicht wie beim IE

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    So jetzt zum Problem: Meine Seite hat einen Bereich bekommen in dem  geschrieben werden soll (Wegen Hintergrundbild nicht über die ganze Seite). Opera und Netscape schreiben trotzdem weiter auf der gleichen Zeile anstatt in der nächsten.
    Beim Beispiel der Seite info.htm (URL: http://www.mitglied.lycos.de/tobmir24/info.htm) kann man das sehr schön sehen.

    nein, kann man nicht.

    was bitte soll die formulierung "einen Bereich [...] in dem  geschrieben werden soll" bedeuten?

    gruss,
    wahsaga

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Netscape und Opera Ansicht wie beim IE

    Ingo Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,
    Dein Problem ist einfach, daß Du sämtliche Grafiken absolut positionierst, den inhaltsbereich aber nicht. Daher muß sich das zwangsläufig überlappen. Da durch den Werbeframe außerdem der Anzeigebereich stark eingeschränkt ist, würde ich Dir raten, auf alle absoluten Positionierungen zu verzichten und stattdessen mit margins und float zu arbeiten.

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Netscape und Opera Ansicht wie beim IE

    Thomas J.
    – Informationen zu den Bewertungsregeln

    Tag

    Als erstes folgendes:
    Poste bitte nur den relavanten Teil Deines Quelltextes. Keine Mensch wühlt sich durch 100 Zeilen, die mit dem eigentlichen Problem basolut nichts zu tun haben.

    <BODY marginwidth="50" marginheight="100" topmargin="45" leftmargin="35" rightmargin="410">

    Vermutlich interpretiert der IE diese Angabe in irgendeiner Art, daß die Seite letztendlich so aussieht, wie Du es Dir gedacht hast.
    Opera und Mozilla ignorieren diesen Quatsch, weil das nichts mit HTML zu tun hat. Diese Angaben gibt es in HTML nicht.

    <BR><BR><IMG src="grey1.gif" alt="" border=0><H1><FONT color=#666666>Infos über <FONT color=#FF6666>tobmir24.de.vu</FONT>!</FONT></H1><FONT color=#666666><DIV align=justify><DIV><p style="margin-bottom:08pt"></p></DIV></DIV></FONT>

    Wenn ich so etwas lesen muß, wird mir schlecht.
    Was auch immer dieses "SuperHTML 6.0" sein mag ... trete diesen Scherzartikel in die Tonne. Ich hoffe, Du hast kein Geld dafür bezahlt.

    <BR><HR><I><B>Was ist tobmir24.de.vu?</B><FONT color=#666666></I> by <SPAN><a href="mailto:tmirsch@cb-online.com"><FONT color=#0000FF><I>tobmir24</I></FONT></a></SPAN><BR>
    Einige fragen sich sicher: Was soll das?

    Äh, ja. Das habe ich mich auch gefragt.
    Du positioniertst alles mit einem festen Abstand zum rechten Rand, nur der eigentlich Inhalt steht einfach so im Niemandsland. Woher soll ein standardkonformer Browser wissen, wie breit der Text sein darf.

    Kleiner Tip zum Schluß:
    Trotz allem Chaos, hast Du wenigstens einen vernünftigen Ansatz in Deinem Quelltext. Dieser Abschnitt beginnt mit <style type="text/css"> und steht ziemlich weit oben.

    So, und nun widme Dich http://selfhtml.teamone.de/css/ und alles wird gut.

    Thomas J.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  4. Netscape und Opera Ansicht wie beim IE

    Robert Bienert Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    So jetzt zum Problem: Meine Seite hat einen Bereich bekommen in dem  geschrieben werden soll (Wegen Hintergrundbild nicht über die ganze Seite). Opera und Netscape schreiben trotzdem weiter auf der gleichen Zeile anstatt in der nächsten.

    Das Problem ist ganz einfach: Du erzwingst an der Stelle einen Zeilenumbruch mit <br>, so dass es in _deinem_ IE mit _deiner_ lokalen Bildschirmauflösung passt. Andere Browser allerdings haben vielleicht andere Schriftgrößen und "schreiben" deshalb weiter. Am Besten ist, du entfernst die <br>'s und positionierst stattdessen die Inhalts-<div>'s (Beim Beispiel der Seite info.htm URL: http://www.mitglied.lycos.de/tobmir24/info.htm) kann man das sehr schön sehen:)

    <BR><HR><I><B>Was ist tobmir24.de.vu?</B><FONT color=#666666></I> by <SPAN><a href="mailto:tmirsch@cb-online.com"><FONT color=#0000FF><I>tobmir24</I></FONT></a></SPAN><BR>
    Einige fragen sich sicher: Was soll das? tobmir24.de.vu ist doch ein seltsamer Name oder? Die Antwort lautet NEIN!<BR>
    Um es einfach auszudrücken, tobmir24 das bin ich.<BR>
    Der Name setzt sich einfach von meinem Realname zusammen.<BR>
    tob steht für Tobias, mir steht für Mirsch und die 24 steht ganz einfach dafür das ich am 24.Juli Geburtstag habe.<BR>
    <HR>

    (Entferne außerdem diesen ganzen font-"Dreck" und verwende CSS!!!)

    Gruß, Robert

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln