PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS: background-image in voller Größe trotz kleinem Inhalt


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

darph
2006-09-10, 23:01:30
Warum nicht width und height fix setzen und alle Bilder gleich groß machen?