Autor |
Nachricht |
bergmann
Threadersteller
Dabei seit: 05.08.2004
Ort: -
Alter: 45
Geschlecht:
|
Verfasst Mo 13.03.2006 17:47
Titel [CSS]Mindesthöhe bei Listen möglich? |
|
|
Hallo,
ich habe eine Navogation mit Listenpunkten gebaut. Nun meine Frage:
Die Höhe der einzelnen Felder mit den Links ist mit height:auto; angegeben.
Ist es möglich eine Mindesthöhe festzulegen?
Also z.B.: Die Zelle soll mindestens 30Pixel hoch sein, wenn nötig aber auch höher, etwa bei zweizeiligen Links.
Danke für eure Hilfe
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Mo 13.03.2006 17:51
Titel
|
|
|
http://www.css4you.de/min-height.html
Du siehst aber, dass dir da der IE wiedermal einen Strich durch die Rechnung machen wird.
Mit einem Beispiel könnte man sich geeignete Workarounds überlegen.
//CSS ist keine Programmiersprache.
|
|
|
|
|
Anzeige
|
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Mo 13.03.2006 17:55
Titel
|
|
|
seal hat geschrieben: | //CSS ist keine Programmiersprache. |
und deswegen verschoben...
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 13.03.2006 18:11
Titel
|
|
|
am besten ganz normal min-height definieren
und per <!--[if lt IE 7]> weiche ein css mit einer
height definition für die ul li anlegen (weil der
ie das height dann tatsächlich quasi als min-height
nimmt -> also ohne den inhalt des li abzucutten)
|
|
|
|
|
mahzell
Dabei seit: 16.06.2003
Ort: bochum
Alter: 43
Geschlecht:
|
Verfasst Mo 13.03.2006 18:14
Titel
|
|
|
seal hat geschrieben: | http://www.css4you.de/min-height.html
Du siehst aber, dass dir da der IE wiedermal einen Strich durch die Rechnung machen wird. |
das kann man aber notfalls mit MS' setExpression method zurechtbiegen,
dann kannauch der IE ne mindestangabe verstehen.
Code: | height:expression(document.body.clientHeight > 30 ? "auto":"30px") |
wobei 30 die höhenangabe in pixel ist
edit:
IE lässt sich auch von dem hier überzeugen, ist vl das einfachste
Code: | selector {
min-height:500px;
height:auto !important;
height:500px;
} |
http://standards.webmasterpro.de/index-article-min_height.html
Zuletzt bearbeitet von mahzell am Mo 13.03.2006 18:24, insgesamt 1-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 13.03.2006 18:23
Titel
|
|
|
Code: | height:expression(document.body.clientHeight > 30 ? "auto":"30px") |
Aber das hier würde ja eher heißen,
falls browserfenster > 30 ist dann
höhe=auto, andernfalls höhe=30px.
Das kann man doch jetzt weniger auf
eine ul anwenden. Oder steh ich jetzt
aufm schlauch?
|
|
|
|
|
mahzell
Dabei seit: 16.06.2003
Ort: bochum
Alter: 43
Geschlecht:
|
Verfasst Mo 13.03.2006 18:54
Titel
|
|
|
Raumwurm hat geschrieben: | Code: | height:expression(document.body.clientHeight > 30 ? "auto":"30px") |
Aber das hier würde ja eher heißen,
falls browserfenster > 30 ist dann
höhe=auto, andernfalls höhe=30px.
Das kann man doch jetzt weniger auf
eine ul anwenden. Oder steh ich jetzt
aufm schlauch? |
ok das war jetzt allgemein für ein inhaltsfenster gedacht,
möglich wäre auch, das hab ich grad mal durchprobiert
Code: | height:expression(this.scrollHeight > 30 ? "auto":"30px") |
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 13.03.2006 19:10
Titel
|
|
|
ui ja, funkt einwandfrei
darf man damit die komplette dom ansprechen?
|
|
|
|
|
|
|
|
Ähnliche Themen |
listen in ff?
IE und Listen
listen formatieren mit css
Listen Formatierung
HTML Listen
Listen Problem
|
|