|
|||
![]()
Hallo!
Ich nutze folgenden css Code um eine Liste zu gestalten. Es sieht ungefähr wie die Seitenlinks beim vBulletin aus, nur soll das ganze halt mit Listen sein. Das Problem ist, dass die div box immer so breit wie die parent div box ist und da der Inhalt dynamisch ist kann ich die Breite nicht vorgeben. Die Box soll also immer nur so breit wie unbedingt nötig sein. Wie geht das? Code:
.links_page { height: 23px; padding: 0; margin-bottom: 5px; background: #fcefef; border: 1px solid; } .links_page ul { padding: 0; margin: 3px 0 0 1px; list-style-type: none; white-space: nowrap; } .links_page li { margin-right: 1px; padding: 2px 3px 2px 3px; width: 23px; background: #fecccc; display: inline; } <div class="links_page"><ul>[*]test[*]test2[/list]</div> |
Sponsored Links |
Sponsored Links |
|
|||
![]()
Den kompletten Code zu posten wäre glaube ich etwas zu viel und er hat auch keine Einwirkungen. Die Breite in dem li Tag ist auch überflüssig,sie macht garnichts.
Dem div gebe ich eine höhe, weil es um die ganzen Listenpunkte einen Rand zeichnet und wenn ich keine Höhe angebe die Listenpunkte überstehen. Das einzige Problem ist halt, dass das div immer 100% breit ist und sich nicht wie gewünscht an die Liste anpasst, (die übrigens horizontal ausgegeben wird). |
|
||||
![]()
Das height für das div verhindert nur, daß das div beim Skalieren mitvergrößert wir.
Ist also eigentlich kontraproduktiv. Das width für die[*]s greift wahrscheinlich wegen des display:inline; nicht. Das div paßt seine Breite automatisch an, wenn man es floaten läßt. |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Breite der Subnavi anpassen | scorch | CSS | 4 | 09.07.2012 13:49 |
Breite der Textlänge anpassen, Restbreit ausfüllen | sanktusm | CSS | 3 | 09.05.2012 22:59 |
Divgröße automatisch nach Inhalt anpassen | Carolin | (X)HTML | 9 | 27.11.2007 15:34 |
Problem mit position:relative; | McCoRmIcK | CSS | 0 | 08.04.2007 17:23 |
Breite von DIVs | Daniel | CSS | 8 | 23.06.2003 19:01 |