Autor | Zpráva | ||
---|---|---|---|
Machi Profil |
#1 · Zasláno: 5. 4. 2007, 18:36:06
Zdravím, pracuju na novém webu a mám menší problém. Jednoduchý layout je složený z float:left bloku s logem a reklamou s pevnou šířkou 200px a absolutně pozicovaný. Druhý blok je taky absolutní pozice, float:right, ale není mu definována šířka.
Má to však jeden problém. Na indexu je vše v pořádku, navigace, podržení odkazu i odstavec končí 5px od pravého kraje, jenže na zbytku stránek tomu je jinak. Po každé to končí v jiné vzdálenosti od pravého okraje. Nejvíce je to vidět na horní navigaci. Bohužel jsem nějak sám nepřišel na příčinu, dělá to ve všech browserech. URL: http://zasuvky.widlak.cz CSS: CSS styl Díky za odpověď... |
||
tiso Profil |
#2 · Zasláno: 5. 4. 2007, 22:21:17
Machi - float prvky musia mať definovanú šírku, inak to dopadne tak ako u Teba...
|
||
habendorf Profil |
#3 · Zasláno: 5. 4. 2007, 22:25:16
float prvky musia mať definovanú šírku
To není pravda. Typicky třeba horizontální menu - položky většinou nemají zadanou šířku. |
||
tiso Profil |
#4 · Zasláno: 5. 4. 2007, 22:57:40
habendorf - http://www.w3.org/TR/CSS2/visuren.html#floats
A floated box must have an explicit width... |
||
habendorf Profil |
#5 · Zasláno: 5. 4. 2007, 23:31:07
tiso: Hm, píšou to tam. Já jsem specifikace nikdy nečetl :o) Sám ale víš, že se běžně používá float bez šířky, protože tu šířku prostě neznáš. Pokud se to udělá rozumně, problémy s tím nikdy nejsou.
|
||
tiso Profil |
#6 · Zasláno: 6. 4. 2007, 00:00:41
habendorf - tak odvolaj to Tvoje: "To není pravda" a sme si kvit :-)
|
||
Railbot Profil |
#7 · Zasláno: 6. 4. 2007, 00:15:00
tiso
Proč by to dělal, když má pravdu. Šířka nemusí být definována (jinými slovy - nebývá a ani to moc nevadí). Co se píše někdě támhle ve specifikaci je druhá věc. |
||
tiso Profil |
#8 · Zasláno: 6. 4. 2007, 01:08:14
Railbot - ok, chýba mi tam "podľa špecifikácie"
|
||
Machi Profil |
#9 · Zasláno: 6. 4. 2007, 08:52:53
tiso - Ok, jenže když udělám ten pravý prvek bez float:right, tak to vypadá úplně stejně, dal jsem ho tam jen tak :)
|
||
tiso Profil |
#10 · Zasláno: 6. 4. 2007, 13:54:12
Machi - horná navigácia sa Ti centruje, to môže byť ten problém, obsah som si nevšimol žeby bol rôzne vzdialený od okraja...
|
||
Machi Profil |
#11 · Zasláno: 6. 4. 2007, 14:03:40
tiso - bohužel tím to není, když se podíváš na podtržení těch h2 linků, uvidíš, že šahá stejně daleko, jak navigace (kromě indexu, tam je to ok)
|
||
tiso Profil |
#12 · Zasláno: 6. 4. 2007, 14:28:49
Machi - teraz pozerám že si to myslel vážne s tým poziciovaním a floatovaním súčasne... Ja Ti celý kód prerábať nebudem... Maj sa...
|
||
Machi Profil |
#13 · Zasláno: 6. 4. 2007, 15:13:35
tiso Jasně, současně je to tam asi docela zbytečně co :D Odstranil jsem to, nicméně efekt nulový...
|
||
Plaváček Profil |
#14 · Zasláno: 6. 4. 2007, 15:21:59
Machi
Možná by ti prospělo trochu více studia. U absolutně pozicovaných prvků se totiž vlastnost float ignoruje, takže je úplně fuk, jestli to tam napíšeš nebo ne. Celý layout máš absolutně pozicovaný a z toho vyplývají tvoje potíže. Se studiem můžeš začít třeba zde http://interval.cz/clanky/css2-pozicovani-elementu/ a možná se ti pár věcí objasní. P.S. - dle specifikace skutečně plovoucí prvek musí mít udánu šířku buď vlastností width nebo svými skutečnými rozměry (kupříkladu když obsahem plovoucího prvku je obrázek). Pokud ji nezadáme (typicky třeba u tvorby horizontálního menu), spoléháme se tak trochu na interpretaci prohlížeče, který v tomto případě většinou přidělí plovoucímu prvku šířku danou jeho obsahem - textem (+ třeba nějaký ten padding). |
||
Machi Profil |
#15 · Zasláno: 6. 4. 2007, 15:33:16
Plaváček No jo, máš pravdu. Nějak jsem si neuvědomil, že absolutně pozicovaný prvek se asi nepřizpůsobí :(. Dal jsem pravému obsahu relative a šířku na 85% (levý blog zůstal na absolute s width 200px), což u mého rozlišení zrovna funguje, ale když se zmenšuje stránka, tak zůstává horizontální posuvník, takže to zase není to pravé...
|
||
habendorf Profil |
#16 · Zasláno: 6. 4. 2007, 22:10:39
tiso: tak odvolaj to Tvoje: "To není pravda" a sme si kvit :-)
Uznávám, podle specifikace musí mít float prvek definovanou šířku :o) |
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0