Autor Zpráva
Radovan789
Profil *
#1 · Zasláno: 27. 11. 2012, 17:14:16
Odpovědět Citovat
Jestli se nepletu tak CSS by si mělo počítat defaultně šířku podle obsahu, proč tedy když nezadám šířku elementu tak se mě to roztáhne jak kdybych zadal width: 100% ? Jdá se to opravit? Jinak obsah může být jakkoliv široký proto nechci zadávat pevnou šířku.

Takhle vypadá můj zápis: 
1.box {
2  height: 24px;
3  background: #30322c;
4}
.box {
  height: 24px;
  background: #30322c;
}
Fisir
Profil
#2 · Zasláno: 27. 11. 2012, 18:24:06
Odpovědět Citovat
Reaguji na Radovana789 [#1]:
Pokud je to blokový element, automaticky zabere celou šířku.
Radovan789
Profil *
#3 · Zasláno: 27. 11. 2012, 18:42:55
Odpovědět Citovat
Fisir:
Děkuji za odpověď. A lze jiným způsobem udělat to aby šířka byla určena podle obsahu? O blokový element se jedná. Jestli je to co chci vůbec možné (v rámci CSS).
Fisir
Profil
#4 · Zasláno: 27. 11. 2012, 18:46:27
Odpovědět Citovat
Reaguji na Radovana789 [#2]: 
.box  {
    display: inline-block;
}
.box  {
    display: inline-block;
}
margin
Profil *
#5 · Zasláno: 27. 11. 2012, 18:47:22
Odpovědět Citovat
Fisir:
„Pokud je to blokový element, automaticky zabere celou šířku.“
Jsou výjimky, při floatování a při pozicování, schválně jsem je dal na začátek.

Radovan789:
„Jestli se nepletu tak CSS by si mělo počítat defaultně šířku podle obsahu“
Jednak se pleteš, druhak se šířkami elementů to není jednoduché a v CSS specifikaci je tomu věnována celá kapitola 10.3 Calculating widths and margins
• float: left; /* ve většině případů nejvhodnější */
• position: absolute; /* ne vždy se hodí, element je vytržen toku dokumentu */
• display: inline-block; /* IE6/7 udělají inline block jen z inline elementů, takže box uděláš třeba ze SPANu */
• display: table; /* IE6/7 neznají */
• display: table-cell; /* IE6/7 neznají */
Fisir
Profil
#6 · Zasláno: 27. 11. 2012, 18:49:40 · Upravil/a: Fisir o okamžik později
Odpovědět Citovat
Reaguji na margina [#5]:
„float: left; /* ve většině případů nejvhodnější */“
Mě se naopak nejvíce osvědčil ten inline-block, protože při složitějších layoutech se to s floatem začne sypat.
Radovan789
Profil *
#7 · Zasláno: 27. 11. 2012, 19:00:27
Odpovědět Citovat
margin, Fisir:

Děkuji pánové :)
panther
Profil
#8 · Zasláno: 27. 11. 2012, 19:27:10
Odpovědět Citovat
Fisir:
„protože při složitějších layoutech se to s floatem začne sypat.“
otázka je, jestli je chyba ve floatu, nebo v kodérovi. Přikláním se k druhému.

„Mě se naopak nejvíce osvědčil ten inline-block“
z blokového elementu nebude fungovat všude, jak už tu jednou padlo.

Radovan789:
jmenuje se to (má třídu) „box“, tak bych už podle jména očekával blokový element. Asi máš blbě pojmenovanou třídu, řádkový box si moc dobře představit neumím.

Jinak jaké řešení bude nejlepší nelze obecně říct, každé se hodí pro jinou situaci. Pro nalezení nejlepšího řešení bys musel ukázat skutečný příklad, o němž se můžeme bavit.
Časová prodleva: 3 dny
Gappa
Profil
#9 · Zasláno: 30. 11. 2012, 12:49:07
Odpovědět Citovat
Ten mýtus o tom, že v IE6/7 nejde udělat inline-block z např. div nebo li, se tu stále traduje? :) 

1.inline-block        {
2   display: inline-block;
3   =display: inline;
4   =zoom: 1;
5}
.inline-block        {
   display: inline-block;
   =display: inline;
   =zoom: 1;
}

A je hotovo. Zatím jsem s tím nenarazil na problém - ale to ho nevylučuje v nějakých speciálních situacích.
Tremono
Profil
#10 · Zasláno: 30. 11. 2012, 18:23:59
Odpovědět Citovat
[#9] GappaCo přesně to dělá?

(Já to teď řešil, a nechal si s inline-block ostylovaný divy prohnat browsershots.org, a správného výsledku se dočkal jen u IE10 - vše starší mi to seřadilo pod sebe.)
preca1
Profil
#11 · Zasláno: 30. 11. 2012, 18:34:20
Odpovědět Citovat
Tremono:
Funguje to..
A u zoom ten znak bejt nemusí.
margin
Profil *
#12 · Zasláno: 30. 11. 2012, 19:36:21 · Upravil/a: Moderátor (editace znemožněna) 1. 12. 2012, 01:13:31
Odpovědět Citovat
Tremono:
„správného výsledku se dočkal jen u IE10 - vše starší mi to seřadilo pod sebe“
Musels někde mít chybu, ale podle symptomů nedokáži poznat, jakou.
Moderátor Chamurappi: Tremono řeší svůj problém vedle.
Časová prodleva: 12 let
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0