kostenloser Webspace werbefrei: lima-city


CSS: <div> in <div> im FF

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.

    (ja ich mal wieder :-/)


    Ich habe da (mal wieder) ein Problem was die Unterschiede zwischen FireFox und InternetExplorer angeht.
    Mein tag/design">Design ist mittlerweile fertig (!!) und sieht sogar im IE aus wie ich will *staun* aber im FF funktioniert eine Kleinigkeit nicht, und zwar habe ich ein Design was so aussieht:

    ----------------
    |'''''''''''''''''|
    |'''''''''''''''''|
    |'''''''''''''''''|
    ----------------
    |'''''''''''''''''|
    ----------------
    |''''''''''|''''''|
    |''''''''''|''''''|
    |''''a''''|''b''|
    |''''''''''|''''''|
    |''''''''''|''''''|
    ----------------

    Die beiden einzel <div>'s a und b sind beide im <div> c, so dass a und b zusammen genau ?ber c liegen.
    a und b haben Inhalt und keinen Hintergrund. Der Hintergrund ist bei c.

    Beim Internetexplorer funzt das gut. Das <div> c wird sch?n gr??er wenn a oder b gr??er wird. So habe ich immer den Hintergrund.
    Der FireFox macht das allerdings nicht. Er zeigt c nicht an, da ja nichts (ausser den anderen 2 <div>'s) drin steht. Somit fehlt mir im FireFox immer der Hintergrund

    Beitrag ge?ndert am 22.11.2005 20:38 von manror
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Hi,

    da musst du warscheinlich style="background:transparent;" in die <div>-tags a und b einf?gen. Dann sieht man das bild, was dahinter ist. Vielleicht musst du auch h?he und Breite von c angeben und ein & nbsp; in c einf?gen.
    Ich w?rde noch den z-index angeben, sodass es sicher ist (style="z-index:1" bei c und style="z-index:2" bei a und b)
    Ich hoffe es ist das und es funzt.

    mfg,
    hr

    Beitrag ge?ndert am 22.11.2005 21:03 von heavyraptor

    Beitrag ge?ndert am 22.11.2005 21:05 von heavyraptor
  4. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.


    Hi,

    da musst du warscheinlich style="background:transparent;" in die <div>-tags a und b einf?gen. Dann sieht man das bild, was dahinter ist.


    Nein das funktioniert nicht, denn c wird nicht angezeigt. schreibe ich einfach mal nen buchstaben in c rein dann zeigt er c agnz klein ?ber a und b an


    z-index ist korrekt gesetzt


    mfg
    Markus
  5. Genau, schreib einfach & nbsp; rein.
    Dann sieht man nix.

    mfg,
    hr
  6. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.

    Die Idee hatte ich auch schon, aber dann zeigt er c ungef?hr 5 Pixel gro? ?ber (also weiter oben und nicht drauf oder drunter) a und b an und nicht unter ihnen (hier ist das unter so gemeint das das andere drauf ist)
  7. Aber hasst du jetzt eine Loesung gefunden? Sonst brauchst du halt style="position:relative;top0px;left:0px;".
    Das muesste gehen.

    mfg,
    hr
  8. n********r

    oder schreib einfach mal deinen Code hier rein, dann kann ich ihn mir mal anschauen..

  9. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.

    http://manror.milten.lima-city.de/neu/index.htm


    einfach ansehen im IE und FF ... das im FF was falsch ist sieht man sofort


    PS: Hab den Quelltext net gepostet, ist zu un?bersichtlich. Guckt ihn euch lieber so im Netz an.
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!