| Autor | Zpráva | ||
|---|---|---|---|
| Velda Profil |
#1 · Zasláno: 18. 12. 2011, 20:28:47 · Upravil/a: Velda
Zdravím.
<body>
<form method="post" action="blabla" name="kontaktovani" style="display: block; background-color:blue; width: 30%; float: left; margin-bottom: 50px">
<h4 style="float:right">({#L_KONTAKTOVANI#}):</h4>
<input name="kontaktovani" type="text" style="width: 100%" maxlength=500 style="float:right">
<input type="submit" style="float:right;width: 100%" value="Odelslat">
<br clear="all"></form>
<br clear="all">
<form method="post" action="blabla" name="kontaktovani" style="display: block; background-color:blue; width: 30%; margin-bottom: 50px">
<h4 style="float:right">({#L_KONTAKTOVANI#}):</h4>
<input name="kontaktovani" type="text" style="width: 100%" maxlength=500 style="float:right">
<input type="submit" style="float:right;width: 100%" value="Odelslat">
<br clear="all"></form>
<form method="post" action="blabla" name="kontaktovani" style="display: block; background-color:blue; width: 30%; margin-bottom: 50px">
<h4 style="float:right">({#L_KONTAKTOVANI#}):</h4>
<input name="kontaktovani" type="text" style="width: 100%" maxlength=500 style="float:right">
<input type="submit" style="float:right;width: 100%" value="Odelslat">
<hr clear="all"></form>
<form method="post" action="blabla" name="kontaktovani" style="display: block; background-color:blue; width: 30%; margin-bottom: 50px; float: left">
<h4 style="float:right">({#L_KONTAKTOVANI#}):</h4>
<input name="kontaktovani" type="text" style="width: 100%" maxlength=500 style="float:right">
<input type="submit" style="float:right;width: 100%" value="Odelslat">
<hr clear="all"></form>
</body>Ve Firefoxu se nějak divně vyclearuje ten 3. způsob (do půlky odesílacího inputu), ale jakmile se přidá float obalovacímu elementu, je vše OK (4. způsob). Ale Webkit je snad úplně vedle – 2. způsob absolutně nezvládá, ale jakmile se dá místo br hr, tak už to jde. |
||
| Nox Profil |
#2 · Zasláno: 18. 12. 2011, 20:33:00
nevim co máš přesně na myslí těmi způsoby, snippet není až zase tolik přehledný, ale...
především floatovat všechny jednotlivé prvky je šílenost, to co chceš floatovat celé obal elementem a floatuj jen něj pro clearování můžeš použít toto: http://nicolasgallagher.com/micro-clearfix-hack/ na obalující prvek |
||
| Velda Profil |
#3 · Zasláno: 18. 12. 2011, 20:36:08
Nox:
Nejde o to co chci, nebo jak to chci. Tento kód je pouze příkladový – vlož si jej do prohlížeče. Já chci jen vědět jestli je to chyba 2 zmíněných prohlížečů nebo ne. |
||
| Chamurappi Profil |
#4 · Zasláno: 19. 12. 2011, 00:21:44 · Upravil/a: Chamurappi
Reaguji na Veldu:
„vlož si jej do prohlížeče“ Neměl bys živou ukázku? „ale jakmile se dá místo br hr, tak už to jde“ Na elementu <hr> atribut clear nic nedělá.
Reaguji na Noxe: „pro clearování můžeš použít toto“ To je ošklivá spatlanina. Hodí se ji znát, jen pokud člověk nemůže upravovat HTML. Moderátor Chamurappi: Debata o spatlanosti clearfixů vyčleněna do Názory na clearfix.
|
||
|
Časová prodleva: 12 let
|
|||
0