zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div/liste Breite an Inhalt anpassen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.08.2005, 18:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2005
Beiträge: 15
freezer befindet sich auf einem aufstrebenden Ast
Standard div/liste Breite an Inhalt anpassen

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>
Danke für die Hilfe!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.08.2005, 23:45
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.326
E|H befindet sich auf einem aufstrebenden Ast
Standard

Zwei Sachen versteh' ich nicht:

1. Warum gibst du dem div eine Höhe und den Listenpunkten eine Breite?

2. Wenn die Lsitenpunkte eine feste Breite haben, dann wäre das Problem mit der Breite des div doch gelöst.

Wie sieht denn der komplette HTML-Code aus?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.08.2005, 00:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2005
Beiträge: 15
freezer befindet sich auf einem aufstrebenden Ast
Standard

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).
Mit Zitat antworten
  #4 (permalink)  
Alt 12.08.2005, 13:18
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.326
E|H befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 17.08.2005, 02:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2005
Beiträge: 15
freezer befindet sich auf einem aufstrebenden Ast
Standard

Hi!

Vielen Dank für die Hilfe. Es war float!
Mit Zitat antworten
  #6 (permalink)  
Alt 17.08.2005, 02:18
Benutzerbild von i-fekt
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2005
Beiträge: 422
i-fekt befindet sich auf einem aufstrebenden Ast
Standard

Offtopic:
Bist du der Freezer von www.einzeller.tk?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:43 Uhr.