Autor | Zpráva | ||
---|---|---|---|
Celda Profil * |
#1 · Zasláno: 24. 12. 2006, 13:29:16
Dobry den,
mam layout s levym sloupcem a hlavnim blokem obsahu. Sloupec je floatovany a ma pevnou sirku. Obsah ma poze levy margin, aby byl odsazen o sirku leveho sloupce. Uvnitr obsahu poterbuji nekterym elementum nastavit sirku 100%, tu vsak IE dopocita z sirky obsahu + jeho marginu a layout se rozsype. Alternativou by bylo pouzit ovnitr obsahu misto width clear, ale ten dela jiny problem - ie pak clearuje pod levy floatovany sloupec. Neznate nekdo figl jak se s tim vyporadat? Uctive dekuji. Celda |
||
Lukáš Maixner Profil |
#2 · Zasláno: 24. 12. 2006, 13:37:39
dd,
hodtě nám sem prosím příklad, ať to nemusíme datlovat. ;) |
||
Celda Profil * |
#3 · Zasláno: 24. 12. 2006, 13:43:37
Sorry, jasne, ukazka a dodatek, kvuli zpetne kompatibilite nemuzu pouzit jiny doctype (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> by to vyresil, ale znicil bych tim kvanta veci)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <style> div {background-color: rgb(255, 255, 200);} div div {background-color: rgb(255, 200, 255);} </style> <body> <div style="margin-left: 200px; width: 100%;"> <div style="margin-left: 200px; width: 100%;"> asasdad </div> </div> </body> </html> |
||
Celda Profil * |
#4 · Zasláno: 24. 12. 2006, 13:47:06
Trochu jsem to znednodusil, asi by to chtelo vic kodu. Ale ten zakladni problem tady videt je.
|
||
Lukáš Maixner Profil |
#5 · Zasláno: 24. 12. 2006, 13:49:31
možná jsem z toho vánočního půstu trochu natvrdlý, ale ten příklad nepopisuje situaci, kterou píšete nahoře, ne? žádné floatování, žádná pevná šířka...
|
||
Celda Profil * |
#6 · Zasláno: 24. 12. 2006, 13:55:09
Mozna jsem natvrdly ja. Koukam jiz treti den do kodu, ve kterem je mozna cosi shnileho... Mate pravdu, ze jsem vlozil spatny priklad. Ale zkusme toto... je pravda, ze uz se do toho trochu zamotavam. IE pro tomhle vykresli horizontalni rolovaci listu, protoze vnitrni div bude mit vic nez 100% kvuli marginu, je to v poradku?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <style> div {background-color: rgb(255, 255, 200);} div div {background-color: rgb(255, 200, 255);} </style> <body> <div style="margin-left: 200px; margin-right: 100px;"> <div style="width: 100%; margin: 5px;"> asasdad </div> </div> </body> </html> |
||
H13 Profil |
#7 · Zasláno: 24. 12. 2006, 14:19:38
Předem upozorňuji, že neposílám radu, chci si jen ulevit:
Mám stejný problémy, IE jak 6 tak 7 mě doopravdy vytáčí, takže jsem řekl NE, když css, tak pro všechny. Od jistý doby mají slušně prohlížeče (Firefox, Opera, ...) své css a ty ostatní (IE) taky svoje css. Používám podmíněné komentáře. Upozornění: Rozdělení na slušné a neslušné prohlížeče - pouze můj subjektivní názor (dlouhou jsem nevytvářel layout pro IE, možná by pak kategorie vypadaly jinak) |
||
Celda Profil * |
#8 · Zasláno: 24. 12. 2006, 14:59:52
Napoterti, vkladam kod vcetne floatovaneho sloupce. Je tam patrne, ze se potom obsah obsahu pousne az pod tento sloupec. V IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <style> div {background-color: rgb(255, 255, 200);} div div {background-color: rgb(255, 200, 255);} div div div {background-color: rgb(200, 255, 255);} div div div div {background-color: rgb(200, 255, 200);} #sloupec { float: left; width: 150px; height: 400px; } </style> <body> <div id="sloupec"> sloupec </div> <div style="margin-left: 200px; margin-right: 100px;"> <div style="width: 100%; margin: 0px; border: 0px solid red;"> obsah </div> </div> </body> </html> |
||
Rellik Profil |
#9 · Zasláno: 24. 12. 2006, 17:41:53
Celda
Měl sem ten samý problém. Nastav tomu divu který chceš aby byl na celou šířku ne 100% ale 99% pokud pod tím nemáš nějaké pozadí tak to nepujde ani poznat ;) |
||
DJ Miky Profil |
#10 · Zasláno: 24. 12. 2006, 22:27:59
Nebo mu nenastavuj šířku vůbec - on by se měl roztáhnout...
|
||
Lukáš Maixner Profil |
#11 · Zasláno: 25. 12. 2006, 01:15:08
Celda
napadlo mě to obejít takto: tento div <div style="width: 100%; margin: 0px; border: 0px solid red;"> jsem napsal jako <div style="width: 100%; _position: absolute;"> ... je to ono? ten podtržítkový hack si samozřejmě můžete nahradit podmíněnými komentáři - ostatně předpokládám, že in-line zápis stylů používáte jen ze studijních důvodů. |
||
Lukáš Maixner Profil |
#12 · Zasláno: 25. 12. 2006, 01:17:36
DJ Miky
to sice ano, ale předpokládejme, že když Celda explicitně píše, že potřebuje některým elementům nastavit šířku 100 %, že k tomu má nějaký důvod. |
||
Celda Profil * |
#13 · Zasláno: 26. 12. 2006, 10:29:39
Diky za rady.
<div style="width: 100%; _position: absolute;"> jsem vyzkousel a nepomohlo to. Navic se trochu obavam, jestli by to nekde nerozhodilo vnitrek obsahu.... 100% opravdu potrebuji, je to jakysi zakladni css na ktery se nabaluji dalsi styly a i to procento hraje roli. Kazdopadne diky za snahu, Celda |
||
matqo Profil |
#14 · Zasláno: 26. 12. 2006, 19:06:03
mal som nedavno podobny problem , zobral som si kalkulacku , poriadne som preratal vsetky sirky , odstranil som zbytocne marginy dal som obom prvkom float left a nemam problem.
|
||
Celda Profil * |
#15 · Zasláno: 26. 12. 2006, 19:57:19
matqo
Diky, ale obavam se ze kdyz dam tomu obsahovymu float left, tak mu nepujde nastavit rozume ta 100% sirka:( |
||
Celda Profil * |
#16 · Zasláno: 27. 12. 2006, 02:20:59
Reseni.
_position: absolute nakonec sice vyresilo problem s odsazenim, ale delalo to mnoho problemu jinde. ale nakonec jsem zkusl vnitrek obsahoveho bloku pro IE nafloatovat a zatim to vypada dobre. Diky. Celda |
||
Časová prodleva: 17 dní
|
|||
Psychopat Profil * |
#17 · Zasláno: 12. 1. 2007, 22:04:09
mel sem tez problem s tim ze nepocitalo spravne 100% sirky u divu
Po delsi dobe skouseni me napadlo priradit nadrazenemu divu height:100%; a hle... funguje to jak v IE6, tak v IE7 (spachano v xhtml 1.1) pokud sem nemel halucinace, tak to snad bude nekomu uzitecne... |
||
Časová prodleva: 1 měsíc
|
|||
Ike Profil * |
#18 · Zasláno: 24. 2. 2007, 13:29:53
Co zkusit clanek na alistapart.com - In Search of the Holy Grail.
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0