Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.

agt-pes
agt-pes fragte in Computer & InternetProgrammierung & Design · vor 1 Jahrzehnt

HTML-Problem: Keine einheitliche Ausrichtung von Bilder etc.?

Also,

ich habe mit HTML eine Seite geschrieben. Im Vorschau der Entwicklungsumgebung sind Bilder, Schriften (vorallem die Schriftgröße) und die Ausrichtung der Objekte genau richtig und passend.

Aber in IE oder Firefox wird entweder die Schriftgröße oder die Ausrichtung von Text und Bild falsch gezeigt. Die Bilder und Texte überlagern sich in einigen Stellen und die eigentlich genau ausgerichtet sind.

Info: Ich habe in HTML <div></div> benutzt, um die Bilder / Texte auf der Seite zu platzieren und mit 'style="position:absolute; top:250px; left:285px;' habe ich die Position der Bilder / Texte auf der Seite bestimmt.

Gibt es eine Möglichkeit, die die richtige Ausrichtung der Bilder / Texte für alle Internet Browser optimal zeigt???

6 Antworten

Bewertung
  • dinos
    vor 1 Jahrzehnt
    Beste Antwort

    Hallo, manchmal können IE und Firefox den Parameter "position:absolute" von CSS bei Ausrichtung nich gut darstellen.

    In solchen Fällen könnte dir vlt. die Eigenschaft "position:relative" helfen.

    ^_^

  • Frank B
    Lv 6
    vor 1 Jahrzehnt

    Die Aussage, dass <DIV> unprofessionell ist, ist unwahr.

    Hier mal eine absolute Positionierung, wie sie sein sollte:

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>AP TEST</title>

    <style type="text/css">

    <!--

    #apDiv1 {

    position:absolute; left:656px; top:105px; width:231px; height:221px; z-index:1;}

    -->

    </style>

    </head>

    <body>

    <div id="apDiv1">Dieses ist der Container... </div>

    </body>

    >> Dreamweaver CS3

    ** Nachtrag: Soweit ich weiss, mögen es einige Browser nicht, wenn man nicht alle Positionsparameter angibt.

  • marga_spaniel
    Lv 7
    vor 1 Jahrzehnt

    der ff ist HTML-mäßig nicht so pingelig und übersieht auch HTML-Fehler. der IE ist da genauer.

    Günstig wäre, du hättest mal den link von besagter Seite mitgepostet zum testen

    Du schreibst, die Bilder überlagern sich, hast du an die entsprechenden Zwischenräume gedacht und nicht mehr Bilder nebeneinander, als die Bildschirmauflösung hergibt?

    hier links zum Positionieren:

    HTML-Abstände: http://www.htmlbasis.de/htmlkurs/habstand.htm

    CSS - Abstände: http://css.talky.de/distance.php

    Seitengestaltung ohne Tabellen: http://www.webwriting-magazin.de/sogehts/cssebenen...

    CSS - Positionierung: http://www.css4you.de/posproperty.html

    http://css.talky.de/position.php

    HTML: preformatierter Text: http://www.rzuser.uni-heidelberg.de/~x02/html/tcdh...

    Zelleninhalte ausrichten: http://saftsack.fs.uni-bayreuth.de/html/selfhtml/t...

    Tabellengenerator: http://www.mich-tipps.de/modules.php?name=Tabellen...

  • Mangela Erkel
    Lv 4
    vor 1 Jahrzehnt

    Mit welcher 'Entwicklungsumgebung' hast Du den Code erzeugt?

    Welchen Document-Type haben Deine Seiten?

    Um helfen zu können, müsstest Du den Quellcode der Seite und des Stylesheets angeben (Link reicht).

    @Micha:

    Das mit den absolut positionierten <div>-Tags geht schon in Ordnung.

    Unprofessionell ist es, Tabellen für die Positionierung zu nehmen.

    Das widerspricht zutiefst der W3C-Empfehlung, Darstellung und Inhalt voneinander zu trennen und ist sehr unflexibel. Tabellen sind dazu gedacht, Informationen tabellarisch darzustellen und nicht, um Layout-Elemente zu positionieren.

  • Wie finden Sie die Antworten? Melden Sie sich an, um über die Antwort abzustimmen.
  • Stefan R
    Lv 6
    vor 1 Jahrzehnt

    Was ich mir vorstellen könnte, wäre, dass die Bilder nicht den vorgegebenen Maßen entsprechen ... du definierst zwar im div die Größe und Position, aber haben die Bilder auch die Größe?

    Ich finde es ist absoluter Blödsinn hier zu schreiben was unprofessionell ist und was nicht ... jeder hat so seine Dinger die er durchzieht ... ich bevorzuge sogar Tabellen als Layouthilfe, macht die Sache schlicht und einfach unproblematisch für solche Fälle und funzt in jedem Browser

  • Corry
    Lv 6
    vor 1 Jahrzehnt

    ja , klar, indem du diese Bilder nicht mit divTags anordnest.

    Das ist die unprofessionellste (wenn auch einfachste)Art eine Seite zu schreiben. Was draus wurde siehst du ja.

    Man kann sie mit css Daten anordnen oder einfach mit einer Tabelle.

    Wir kennen ja deine Seite nicht.

    Aber versuch es mal folgedermaßen, das kann jeder Browser gleich darstellen.

    <table>

    <tr>

    <td>

    <src="bild1.jpg"> <src="bild2.jpg"> <src="bild3.jpg">

    <td>

    </tr>

    </table>

    Absätze dazwischen machst du mit "& nbsp;" (Freizeichen wegnehmen, yahoo!C zensiert das schnippelchen)und Größe und rahmen kannst du, wenn gewünscht auch noch dazu schreiben.

Haben Sie noch Fragen? Jetzt beantworten lassen.