Hallo!
Habe folgendes Problem:
vorlage.html: <div id="trailerRechts"></div>
div#trailerRechts {
background-color:#c2bdbd;
background-image: url(../fileadmin/images/trailerRechts.jpg);
background-repeat:repeat-x;
width:auto;
height:163px;
position:absolute;
left:0px;
top:0px;
}
wollte eine grafik sich so oft wiederholn lassen, dass oben praktisch ein streifen entsteht.
bei width: 100px zb funktioniert das auch
aber width: auto wird gar nichts angezeigt?
.. wie kann ich sonst angeben, dass er immer genau die ganze breite des fensters nehmen soll?
lg iris
hätt aber noch eine frage um ehrlich zu sein:
Hab eine Grafik die 1024px breit is(trailer), und re davon soll sich eine grafik wiederholn width:100% 😉
jedenfalls überlagert die sich wiederholende Grafik immer das bild(trailer) wenn ichs übers ganze mach, oder wenn ichs 1024 nach re positioniere, wirds 1024 zu lang. ??
lg iris
<div id="trailer"></div><div id="trailerRechts"></div>
div#trailer {
background-image: url(../fileadmin/images/trailer.jpg);
width:1024px;
height:163px;
}
div#trailerRechts {
background-image: url(../fileadmin/images/trailerRechts.jpg);
background-repeat:repeat-x;
width:100%;
height:163px;
position:absolute;
left:0px;
top:0px;
}
mit z-index kann man die ebenhöhe definieren..
lg
Hallo!
Hab jetz noch ein anderes Problem. Ich habe links eine Leiste, die den gesamten Browser von oben bis unten durchziehen soll. Bei height:100% wird zwar die gesamte Höhe angezeigt, aber wenn der text länger ist, und man scrollt nach unten, wird das Element nicht verlängert.
html:
<div id="container">
<div id="linksUnten"></div>
<div id="trailerRechts"><div id="trailer"></div></div>
<div id="menuoben">###MENU_OBEN###</div>
<div id="menuobenRechts"></div>
<div id="links"></div>
<div id="center">###INHALT###
<div id="footer">###FOOTER###</div></div>
</div>
css:
div#linksUnten {
background-color:47769f;
height:100%;
width:197px;
position:absolute;
top:0px;
left:0px;
z-index:1;
}
????!?
Mfg Iris