XHTMLforum - min-width + max-width + umbruch = falsche priorität?

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - min-width + max-width + umbruch = falsche priorität? (http://xhtmlforum.de/showthread.php?t=50689)

psycho_dmr

03.03.2008 19:41

min-width + max-width + umbruch = falsche priorität?

Hi,

ich scheine etwas eingerostet zu sein, jedenfalls bin ich momentan mal wieder an einer webseite dran und verstehe den FF gerade nicht.

Ich habe eine Liste:

Code:

...

<ul>

  <li>Lorem Ipsum dolor und so weiter</li>

</ul>

...

und im css steht:

Code:

li {

 min-width: 100px;

 max-width: 200px;

}

soweit so gut, der inhalt der <li> ist augenscheinlich breiter als 100px, also sollte er eigentlich die li ausdehnen, bis 200px erreicht sind und dann umbrechen.

Leider bricht er schon nach 100px um. wie kann ich ihm verklickern, dass er erst nach 200px umbrechen soll? geht das überhaupt?

erstmal nur FF, wenn jemand auch gleich ne lösung fürn IE parat hat, bin ich da aber auch nicht abgeneigt :) (ich kenn den max-width fix fürn IE und werde ihn beim IE-fixen sonst selber suchen)

danke und mfg
psy-

Gumbo

03.03.2008 19:46

Setze einfach die Mindestbreite auf 200px, also:

Code:

li {

 min-width: 200px;

}

psycho_dmr

03.03.2008 20:04

ja ne, das will ich ja nicht, die li soll zwischen 100 und 200px breit sein, 200 aber eben auch nur wenn nötig..

heiko_rs

03.03.2008 20:41

Bei Deinem jetzigen Code sind die li doch eh immer 200px breit - warum sollten sie auch kleiner werden? Dafür musst Du schon eine "shrink to fit width" hervorrufen, z.B. durch float.

psycho_dmr

03.03.2008 20:45

nein, sind sie nicht.

<li>b</li> <-- 100px
<li>blublbublbublbjulbublublublub</li> <-- 200+text geht ausm rand
<li>blbgdfgdfg</li> <-- etwa 150px
soweit okay, aber
<li>blbgd fgdfg</li> <-- das ist nur 100px + umbruch breit, es soll aber auch etwa 150px breit sein.

fricca

03.03.2008 20:46

Was du da behauptest ist mit deinen Codeschnipseln nicht nachvollziehbar.
Lies bitte hier: http://xhtmlforum.de/40080-f-r-frage...twortende.html

BTW: Text ohne Whitespace bricht nicht um.

heiko_rs

03.03.2008 20:53

Zitat:

Zitat von psycho_dmr (Beitrag 374773)

nein, sind sie nicht.

Doch, probier's aus (das div dient dem Vergleich):

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">



<head>

<title>Test</title>

<style type="text/css">



* {

        margin: 0;

        padding: 0;

        }



div {

        width: 200px;

        background: red;

        }



li {

        min-width: 100px;

        max-width: 200px;

        background: yellow;

        }



</style>

</head>



<body>



<div>200px breit</div>



<ul>

<li>a</li>

</ul>



</body>



</html>

psycho_dmr

03.03.2008 20:54

was ist daran so schwer zu verstehen, die liste im ersten beispiel sollte 200px breit sein (wovon ihr ja auch ausgeht - und ich auch ausging), sie ist aber nur 100px breit -> wie bekomm ich die auf 200px?

fricca

03.03.2008 20:59

Ja, was ist eigentlich so schwer zu verstehen.

edit: Oh Mann, Heiko.

heiko_rs

03.03.2008 20:59

Zitat:

Zitat von psycho_dmr (Beitrag 374778)

was ist daran so schwer zu verstehen

:evil: Vielleicht merkst Du allmählich, dass Deine Code-Schnipsel Dein Problem nicht zeigen (siehe mein Beispiel) und postest endlich mal einen kompletten Code, der dies tut.

EDIT: Ich wollte damit nur zeigen, was sich aus seinen Schnipseln ableiten lässt, nämlich alles andere als das beschriebene Verhalten.

Alle Zeitangaben in WEZ +2. Es ist jetzt 13:20 Uhr.

Seite 1 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen