Ergebnis 1 bis 20 von 67

Thema: Semantisch korrekt oder simpel und leicht

Hybrid-Darstellung

Vorheriger Beitrag Vorheriger Beitrag   Nächster Beitrag Nächster Beitrag
  1. #1
    Was ist mit den anderen Alternativen?

    Willst du, dass das Bild nun am unteren Rand klebt und sich dahinter alles bewegt, etwa wie man es auf der Erweiterungsseite der Geckos sieht?
    Zeige vielleicht mal eine Beispielseite x.x

  2. #2
    Nagut, ich habe mal 2 Screenshots gemacht, um das Problem zu verdeutlichen.

    Klick

    Man sieht den Footerbereich der Webseite.
    So, der Footer hat eine feste Höhe von 70px.

    Und nun will ich dieses Bild einfach nur nach unten links in die Ecke setzen, da es höher als 70px ist und somit den Footer zerstören würde.

  3. #3
    Pack es doch einfach auch noch hinter den Footer und bring es mit entsprechend negativem margin nach oben. Und du kannst auch noch position: absolute; right: 0px; benutzen um es an den rechten Rand zu bekommen

    EDIT:
    Hm, ich frag mich gerade, wie ich wohl auf rechts gekommen bin

    Geändert von Manni (27.08.2006 um 18:52 Uhr)

  4. #4
    Na, dann versuche doch mal das Bild in den Footer zu tun und ihm die Eigenschaft margin-top: -30px; zu geben. Wenn nötig kann man die margins auch noch links anpassen und das ganze notfalls noch floaten lassen.

    @Manni: Das Bild soll aber links hin ^^

  5. #5
    Also ich bin wirklich beeindruckt.
    Negativer Margin, davon hab ich zwar schon gehört, aber der Effekt war mir unbewusst.
    Vielen Dank euch beiden, es klappt !

    *Edit*

    Kann es sein, dass der IE diese Funktion nicht unterstützt?
    Denn dort ist das Bild bei einer Höhe von 70px abgeschnitten.

    Geändert von Antares (27.08.2006 um 19:38 Uhr)

  6. #6
    Zitat Zitat von Antares
    Kann es sein, dass der IE diese Funktion nicht unterstützt?
    Denn dort ist das Bild bei einer Höhe von 70px abgeschnitten.
    Hat eventuell mit einem Bug des IE zu tun.
    Versuch mal, dem Bild noch die Eigenschaft position: relative; zu geben.

  7. #7
    Hat sich bereits erledigt. Mit "position: absolute; left: 0px;" hats funktioniert.
    Trotzdem Danke für die Hilfe.

  8. #8
    Nur als Hinweis noch: Bei der Angabe von 0 ist keine Maßangabe notwendig. 0px = 0em = 0ex = 0pt = 0pc = 0in = 0cm = 0mm = 0%.^^

    Geändert von mitaki (27.08.2006 um 19:53 Uhr)

  9. #9

    Users Awaiting Email Confirmation

    *hihi* mir fällt mal wieder eine Frage zum Thema ein, 'schuldigung ^^

    Darauf gebracht hat mich mitaki, der in dem "pupsigen div-frage" thread nebenbei erwähnt hat, dass der Doctype den Browser in standartkonformen Modus bringt. Das wäre ja endlich mal ein ganz praktischer Nutzen des Doctypes, denn bisher schreibe ich ihn im Prinzip nur dahin, weil W3C das so will. Könnt ihr mir da noch mal näher erklären, was das mal von der ganz pratischen Seite aus Sicht des Webdesigners etwas bringt? Ich will gegenüber anderen nicht immer nur argumentieren können, dass es sich eben so gehört, das ist ein wahnsinnig schlechtes Argument...

    Gruß, Micha

  10. #10
    Noch einmal zum sinnvollen Nutzen: David Hammonds Doctype switching Tabelle.

    Im standardkonformen Modus verwendet der IE z.B. das richtige Box-Modell, ab IE7 sind darin auch die Bugfixes und Erweiterungen enthalten.

    Der Doctype selbst gibt eben an, nach welcher DTD (Dokumenttyp Definition) das Dokument verarbeitet werden muss.
    Wie kannst du dir das vorstellen? Nun HTML Strict kennt im gegensatz zu Transistional das target-Attribut nicht, weil es in der Strict DTD nicht enthalten ist (aus gutem Grund).

Berechtigungen

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