Henrik
2006-09-10, 22:36:25
Das leidige CSS Problem: man möchte per background-image:url(bla); eine Grafik einbinden doch der darüber gelegte Inhalt ist entweder zu klein für die volle Größe der Hintergrundgrafik oder wird ausgeblendet.
In meinem Fall habe ich eine Listennavigation:
<ul id="nav">
<li id="nav-startseite"><a href="index.html">Startseite</a></li>
<li id="nav-person"><a href="person.html">Person</a></li>
<li id="nav-leistungen"><a href="leistungen.html">Leistungen</a></li>
<li id="nav-referenzen"><a href="referenzen.html">Referenzen</a></li>
<li id="nav-kontakt"><a href="kontakt.html">Kontakt</a></li>
</ul>
Über CSS binde ich pro Listenpunkt eine Hintergrundgrafik ein:
/* Hauptnavigation */
#nav li { display: inline; width: 760px; }
#nav-startseite { background-image:url(../img/nav-startseite.jpg); background-repeat: no-repeat; height: 36px; width:152px; }
.
.
.
Wie erreiche ich ohne "min-height" und "min-width" (was der IE nicht unterstützt) dass die Hintergrundgrafik in voller Größe dargestellt wird?
Danke
Henrik
In meinem Fall habe ich eine Listennavigation:
<ul id="nav">
<li id="nav-startseite"><a href="index.html">Startseite</a></li>
<li id="nav-person"><a href="person.html">Person</a></li>
<li id="nav-leistungen"><a href="leistungen.html">Leistungen</a></li>
<li id="nav-referenzen"><a href="referenzen.html">Referenzen</a></li>
<li id="nav-kontakt"><a href="kontakt.html">Kontakt</a></li>
</ul>
Über CSS binde ich pro Listenpunkt eine Hintergrundgrafik ein:
/* Hauptnavigation */
#nav li { display: inline; width: 760px; }
#nav-startseite { background-image:url(../img/nav-startseite.jpg); background-repeat: no-repeat; height: 36px; width:152px; }
.
.
.
Wie erreiche ich ohne "min-height" und "min-width" (was der IE nicht unterstützt) dass die Hintergrundgrafik in voller Größe dargestellt wird?
Danke
Henrik