Autor Zpráva
nomnomnom
Profil *
Ahoj, chci mít <div> a v něm obsah podle které ho se zarovná šířka toho divu. min-width nefunguje, ani s kombinacema width a max-width.
<!DOCTYPE html>
<html>
<head>
<style>
* { padding:0px;margin:0px; }
.container {width:100px;min-width:100px;max-width:1001px;background-color:purple;}
</style>
</head>

<body>
<div class='container'>
<h1>somethextbafaloza blah</h1>
<div style="background-color:yellow;width:300px;">b</div>
</div>
</body>
</html>
V tomto příkladu chci aby se .container roztahoval když je na řádku nerozdělenej text, nebo když obsahuje div o větší šířce. Nebo když do něj strčim obrázek, chci aby se roztáhl podle něj. Můj výsledek: screen shot - fialový div se neroztáhl na šířku žlutého, ani na newrapnutý text.
Používám HTML5 a firefox 30, kde se dá zjistit jak je podporovaný v mém prohlížeči min-width? Děkuji


A má otázka samozřejmě je, jak měnící se šířky divu .container dosáhnout. Děkuji
pacvel
Profil
[#1] nomnomnom

Zkus toto
.container {background-color: purple; display: inline-block;}
nomnomnom
Profil *
Funguje. Diky pacvel!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: