variable höhe und bottom

[Kropff]

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.

    #rahmen
    {
          left: 10px;
          bottom: 45px;
          width: 21%;
          height: 83%;
          font-size: 0px;
          background-color: #000096;
    }
    #unten
    {
          width: 100%;
          height: 8px;
          left: 0px;
          bottom: 0px;
          background-image: url(pics/menueunten_back.gif);
          background-repeat: repeat-x;
    }    
    #unten_links
    {
          left: 0px;
          bottom: 0px;
          width: 8px;
          height: 8px;
          background-image: url(pics/menuelinks_unten.gif);
          background-repeat: no-repeat;
    }
    #unten_rechts
    {
          right: 0px;
          bottom: 0px;
          width: 27px;
          height: 43px;
          background-image: url(pics/menue/rechts_unten.gif);
          background-repeat: no-repeat;
    }

     <div id="rahmen">
         <div id="unten"></div>
         <div id="unten_links"></div>
         <div id="unten_rechts"></div>
    </div> 

irgendwelche ideen?

gruß
peter

[Hendrik2]

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.

[xManUx]

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

[Kropff]

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

[asp2php]

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

[Kropff]

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.

body
{
     padding:0px;
     margin: 0px;
}
div
{
     position: absolut;
} 

gruß
peter

[mrhappiness]

absolute

[asp2php]

Original geschrieben von mrhappiness
absolute

OffTopic:

---

jaja, die Deutschen und ihr englisch

---

[mrhappiness]

OffTopic:

---

I hold it for a wonder that she never becomes what she will having. That is not her mother's art.

---

[Kropff]

absolut

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

gruss
peter