variable höhe und bottom

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • variable höhe und bottom

    folgendes problem:
    ich habe ein div-element mit einer prozentualen höhe. nun will ich innerhalb dieses elements mehrere hintergrundbilder unten platzieren. leider befinden sich diese bilder im IE 6 ein pixel über dem unteren ende. hab schon mit font-size, line-height, background-position und overflow: none herumgespielt, aber keine lösung gefunden.

    PHP-Code:
        #rahmen
        
    {
              
    left10px;
              
    bottom45px;
              
    width21%;
              
    height83%;
              
    font-size0px;
              
    background-color#000096;
        
    }
        
    #unten
        
    {
              
    width100%;
              
    height8px;
              
    left0px;
              
    bottom0px;
              
    background-imageurl(pics/menueunten_back.gif);
              
    background-repeatrepeat-x;
        }    
        
    #unten_links
        
    {
              
    left0px;
              
    bottom0px;
              
    width8px;
              
    height8px;
              
    background-imageurl(pics/menuelinks_unten.gif);
              
    background-repeatno-repeat;
        }
        
    #unten_rechts
        
    {
              
    right0px;
              
    bottom0px;
              
    width27px;
              
    height43px;
              
    background-imageurl(pics/menue/rechts_unten.gif);
              
    background-repeatno-repeat;
        }

         <
    div id="rahmen">
             <
    div id="unten"></div>
             <
    div id="unten_links"></div>
             <
    div id="unten_rechts"></div>
        </
    div
    irgendwelche ideen?

    gruß
    peter
    Zuletzt geändert von Kropff; 17.03.2005, 19:52.
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

  • #2
    Ja, gleich zwei:

    Zum einen könnte es sein, dass IE per default einen unsichtbaren aber 1px breiten Rahmen erzeugt, den könntest du mit css unterdrücken.

    Die andere Variante ist die, dass du die Hintergrundbilder mit CSS an den unteren Rand ihres DIVs platzierst. Dazu fügst du nach background-image das Attribut background-position:bottom; ein.

    Kommentar


    • #3
      am besten wärs, wenn du dem rahmen einheitliche pixel gibst.. dann siehst auch ob hendriks vermutung richtig ist.. du solltest bedenken, dass jeder browser es irgendwie unerwünscht darstellen könnte..

      Wer weiß.. viellecith hat der IE 7 irgendwann mal sogar 2px

      Es kommt nicht darauf an, mit dem Kopf durch den Monitor zu rennen,
      sondern mit den Augen das Manual zu lesen.

      Kommentar


      • #4
        Zum einen könnte es sein, dass IE per default einen unsichtbaren aber 1px breiten Rahmen erzeugt
        glaub ich nicht, habe das auch alles mit rahmen überprüft.
        .
        background-position:bottom;
        das habe ich noch nicht probiert. werde ich heute abend mal testen
        wenn du dem rahmen einheitliche pixel gibst
        geht leider nicht, läßt das design nicht zu.

        gruß
        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          die Voraussetzung für die Verwendung von left, top, right, bottom hast du aber nicht erfüllt! Du mußt bei Verwendung solcher Angaben auch die Positionierungsart festlegen!

          Hast du schon versucht, margin und padding auf 0 zu setzen

          Kommentar


          • #6
            die Voraussetzung für die Verwendung von left, top, right, bottom hast du aber nicht erfüllt! Du mußt bei Verwendung solcher Angaben auch die Positionierungsart festlegen!
            das habe ich nur nicht gepostet, weil es eigentlich selbstverständlich ist.
            PHP-Code:
            body
            {
                 
            padding:0px;
                 
            margin0px;
            }
            div
            {
                 
            positionabsolut;

            gruß
            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              absolute
              Ich denke, also bin ich. - Einige sind trotzdem...

              Kommentar


              • #8
                Original geschrieben von mrhappiness
                absolute
                OffTopic:
                jaja, die Deutschen und ihr englisch

                Kommentar


                • #9
                  OffTopic:
                  I hold it for a wonder that she never becomes what she will having. That is not her mother's art.
                  Ich denke, also bin ich. - Einige sind trotzdem...

                  Kommentar


                  • #10
                    absolut
                    nee tippfehler meinerseits. in der css steht natürlich absolute, sonst würde ja garnichts funktionieren.

                    gruss
                    peter
                    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                    Meine Seite

                    Kommentar

                    Lädt...
                    X