Diskuse JPW: Podivné float

	Autor	Zpráva
	Ivorius Profil	#1 · Zasláno: 12. 3. 2005, 09:21:09 Odpovědět Citovat Může mi někdo helfnout? Pokud použiji float: left, nebo right, a nastavím výšku nebo šířku, IE mi udělá mezi plovoucím a neplovoucím prvkem mezeru o velikosti asi 1px. Jak se jí zbavit?
	Marty Profil	#2 · Zasláno: 12. 3. 2005, 09:31:14 Odpovědět Citovat Do externích css dej toto: * { margin: 0px; padding: 0px; } Nastaví to nulový padding i margin u všech prvků. Pomůže ti to i později při optimalizaci pro různé prohlížeče.
	Ivorius Profil	#3 · Zasláno: 12. 3. 2005, 10:54:19 Odpovědět Citovat jo. to jsem mel. nepomuze
	Martin Kuželka Profil	#4 · Zasláno: 12. 3. 2005, 10:58:57 Odpovědět Citovat Zkus nenastavovat výšku, mohlo by to pomoct.
	Marty Profil	#5 · Zasláno: 12. 3. 2005, 10:59:19 Odpovědět Citovat Aha, tak pokud to máš na webu tak napiš odkaz, kouknu se na to. Někdy ale nezbyde nic jinýho, než to ošetřit podtržítkovým hackem(kvůli podivnýmu chování IE).
	Ivorius Profil	#6 · Zasláno: 12. 3. 2005, 11:26:41 Odpovědět Citovat No já to vyřešil absolutním pozicováním, ale rád bych tomu přišel na kloub. jak bys dostal všechny barvy k sobě? příklad
	Martin Kuželka Profil	#7 · Zasláno: 12. 3. 2005, 11:35:54 Odpovědět Citovat Nastav těm sloupečkům nějakou šířku, prostřednímu sloupci zruš nastavení šířky a přidej mu po stranách margin, který bude stejný jako šířka těch sloupečků. Mělo by to potom být ok.
	Marty Profil	#8 · Zasláno: 12. 3. 2005, 11:40:16 Odpovědět Citovat Já to vyřešil přes hacky asi nějak takhle: #sloupec {float: left; _margin-right: -3px; background-color: #3300CC; padding: 0;} #sloupec2 {float: right; _margin-left: -3px; background-color: #FF0000; padding: 0;} #stred {width: 500x; height: 100px; background-color:#FF99FF; margin: 0; padding: 0;}
	Ivorius Profil	#9 · Zasláno: 12. 3. 2005, 11:40:51 Odpovědět Citovat Mě nejde ani tak o tu šířku jako výšku, potřebuji jí mít pevně nastavenou, abych tam mohl mít pozadí.
	Ivorius Profil	#10 · Zasláno: 12. 3. 2005, 11:41:44 Odpovědět Citovat Když použiji hack, tak nedostanu valid? nebo jo?
	Marty Profil	#11 · Zasláno: 12. 3. 2005, 11:44:01 Odpovědět Citovat Když použiji hack, tak nedostanu valid? nebo jo? No validátor to ohlásí za chybu(validuje podle CSS 2.0, kde ještě podtržítkový hack nebyl doporučován), ve verzi 2.1 ale již doporučován je, tak si s tím nelam hlavu.
	Martin Kuželka Profil	#12 · Zasláno: 12. 3. 2005, 11:45:42 Odpovědět Citovat Nějak přestávám chápat, co vlastně chceš udělat :-(, ale třeba ti pomůže Pixyho řešení ( http://www.pixy.cz/blogg/clanky/css-3col-layout/ ).
	Martin Kuželka Profil	#13 · Zasláno: 12. 3. 2005, 11:46:57 · Upravil/a: Martin Kuželka Odpovědět Citovat validuje podle CSS 2.0, kde ještě podtržítkový hack nebyl doporučován Jsem asi něco prošvihl, ale on je opravdu někde doporučován podtržítkový hack?
	habendorf Profil	#14 · Zasláno: 12. 3. 2005, 11:48:51 Odpovědět Citovat Ivorius: Podtržítkový hack není jediný, zkus použít komentářový diakritický hack, počítám že bude validní.
	Marty Profil	#15 · Zasláno: 12. 3. 2005, 11:51:42 Odpovědět Citovat Martin Kuželka Mám ponětí, že jsem to přečet někde na této diskuzi, a taky byl na toto dotaz na: http://jaknaweb.com/ukazuj.php?f=1&i=12352&t=12352
	Ivorius Profil	#16 · Zasláno: 12. 3. 2005, 11:55:00 Odpovědět Citovat Podle mě je hack hackem a asi nebude validovan ani podle 2.1. To Marty: to pixyho řešení je docela dobrý. jde mi o to, abych mohl nastavit výšku střednímu sloupci a přitom aby postranní sloupce zůstaly nalepené na středním.
	Martin Kuželka Profil	#17 · Zasláno: 12. 3. 2005, 11:56:00 Odpovědět Citovat Aha, ale nikde se nepíše, že je podtžítkový hack doporučován. Pouze v css 2.1 je povoleno, aby název vlastnosti začínal třeba na _ .
	Marty Profil	#18 · Zasláno: 12. 3. 2005, 12:00:31 Odpovědět Citovat Ano máte pravdu, takže místo doporučován jsem měl spíše napsat, že splňuje standarty. Omlouvám se za nejasné sdělení. Stejně je to ale podle mě ten nejlepší způsob, jak optimalizovat pro IE, takže bych validitu css klidně zanechal.
	Ivorius Profil	#19 · Zasláno: 12. 3. 2005, 12:00:42 · Upravil/a: Ivorius Odpovědět Citovat zkusil jsem to pixyho řešení, ale pokud prostřednímu sloupci nastavím výšku, stane se to co vždycky. postranní sloupec se od středního posune o nějaký ten pixel. podívej
	habendorf Profil	#20 · Zasláno: 12. 3. 2005, 12:03:11 Odpovědět Citovat Ivorius Já to nějak nechápu. Tak ty divy zapiš v pořadí jak jsou, dej jim float:left, střednímu nastav výšku jakou chceš a je to. Případně to můžeš celý vycentrovat. Teď jsem to zkoušel, žádné mezery to samozřejmě nedělá, jde to úplně v pohodě. Jo, a width: 500x; - asi překlep.
	Martin Kuželka Profil	#21 · Zasláno: 12. 3. 2005, 12:04:26 · Upravil/a: Martin Kuželka Odpovědět Citovat Ivorius: není lepší nechat, aby se sloupce natahovaly podle obsahu? Marty: doufám, že si tady mezi sebou nebudeme vykat... ;-)
	Ivorius Profil	#22 · Zasláno: 12. 3. 2005, 12:05:52 Odpovědět Citovat Jo to jo, ale co když mám obrázkové pozadí a chci aby bylo vidět celé i když tam budu mít třeba jen jedno slovo.
	habendorf Profil	#23 · Zasláno: 12. 3. 2005, 12:07:29 · Upravil/a: habendorf Odpovědět Citovat Ivorius: No tak mu dáš width a height a obrázek na pozadí. Pořád nevím v čem je problém.
	Ivorius Profil	#24 · Zasláno: 12. 3. 2005, 12:10:18 Odpovědět Citovat Nedělá to v mozile a spol, ale v tom šmejdovi IE ano
	Ivorius Profil	#25 · Zasláno: 12. 3. 2005, 12:11:15 Odpovědět Citovat jo a 500x mělo být 500px - překlep
	Marty Profil	#26 · Zasláno: 12. 3. 2005, 12:15:30 Odpovědět Citovat Ivorius no u IE se takové chyby dají čekat, u plovoucích prvků má divné zobrazení narozdíl od jiných prohlížečů Martin Kuželka jasně že ne Martine, píšu ještě jeden dopis, tak se mi to už plete dohromady :)
	Ivorius Profil	#27 · Zasláno: 12. 3. 2005, 12:20:10 Odpovědět Citovat 2Habendorf: Nevím co máš za IE ale já to nastavuji jak chci, tak vždycky tam ta blbá mezera bude. Neříkejte, že nikdo neví jak na to.
	habendorf Profil	#28 · Zasláno: 12. 3. 2005, 12:30:35 Odpovědět Citovat Hm, já asi špatně chápu zadání, sorry. Mám to jak jsem psal výše: <style type="text/css"> #sloupec {float: left; background-color: #3300CC; margin: 0; padding: 0;} #sloupec2 {float: left; background-color: #FF0000; margin: 0; padding: 0;} #stred {float: left; width: 500px; height: 100px; background-color:#FF99FF; margin: 0; padding: 0;} </style> </head> <body> <div id="sloupec"> Levy bla bla bla </div> <div id="stred"> Sirka 500px </div> <div id="sloupec2"> Pravy bla bla bla </div> MSIE 6
	Ivorius Profil	#29 · Zasláno: 12. 3. 2005, 12:36:14 Odpovědět Citovat Habendorf: díky. musím nechat plavat i ten prostřední sloupeček a to já neměl. Díky všem za ochotu. Tak to bychom měli.
		Časová prodleva: 20 let

Toto téma je uzamčeno. Odpověď nelze zaslat.