kubow 0 Odesláno: 21. Říjen, 2011 Share Odesláno: 21. Říjen, 2011 Ahoj, hraju si s různýma designama a jeden z posledních výstřelků jest toto http://kubow.hostuju.cz/Pages/index.htm (věcí kterou zatím pomíjím, ale která mě bude možná do budoucna hodně zajímat, zda lze toto zobrazení optimalizovat i pro IE6/7/8, pač tenhle zobrazuje enem kostičky) jedná se v podstatě o to, že používám 2 třídy (circle_vlevo a circle_vpravo) a mám je rozděleny do dvou id (nahore a dole) #nahore { position: absolute; top: 0; left: 0; width: 100%; height: 49%; overflow: auto; color: #fff; background: #00FFFF url('../123/Image0.png'); } #dole { position: absolute; bottom: 0; left: 0; width: 100%; height: 49%; overflow: auto; vertical-align: bottom; } .circle_levo { width: 300px; height: 300px; background: #FF0000; -moz-border-radius: 150px; -webkit-border-radius: 150px; margin: 20px auto; clip: rect(10%, auto, auto, auto); float: left; } .circle_pravo { width: 300px; height: 300px; background: #800000; -moz-border-radius: 150px; -webkit-border-radius: 150px; margin: 20px auto; float: right; } Poskládané v html kodu je mám následovně Vědy přírody Lidské technologie ... Příroda Člověk ... Link to comment Share on other sites More sharing options...
kubow 0 Odesláno: 24. Říjen, 2011 Author Share Odesláno: 24. Říjen, 2011 Tak jsem vyřešil 1.část problému sám, metodou pokus-omyl, jsem předsunul hlavní tag (circle) mezi #nahore a #dole... popravdě jsem tak trošičku doufal, že mi to tu někdo poradí, ale asi marně nicméně stále ještě zůstává výzva: jak to rozjet pod IE 6+ a navíc vyvstal jeden další problém: potřeboval bych vertikálně zarovnat třídu #dole naspod pošetile jsem k tomu použil vlastnost >> vertical-align: bottom; << ale ta nějak nefunguje smím Vás "experty" poprosit o vyřešení aspoň tohoto problému zdrojové kody jsou popsány výše a jsou volně dostupné i ze stránky http://kubow.hostuju.cz/Pages/index.htm http://kubow.hostuju.cz/css/ dík, kubow Link to comment Share on other sites More sharing options...
gledy 1 Odesláno: 24. Říjen, 2011 Share Odesláno: 24. Říjen, 2011 Ohledně IE: Udělej zvlášť CSS dokument, kde to nastavíš tak, aby to šlapalo. Ulož ho pod jiným názvem a do indexu vlož tohle A dám Ti ještě jednu radu, používej Operu, má v sobě zabudovanou aplikaci, kde si hraješ s prvky webu a vidíš tak vše naživo, potom už jen zadáš správné kódy do dokumentů a je to Ušetří Ti to hodně práce. Link to comment Share on other sites More sharing options...
Guest Odesláno: 24. Říjen, 2011 Share Odesláno: 24. Říjen, 2011 Doporučuji vyzkoušet [miniTUT] Normálnější IE Mělo by ti to ten problém na 99% vyřešit Link to comment Share on other sites More sharing options...
kubow 0 Odesláno: 25. Říjen, 2011 Author Share Odesláno: 25. Říjen, 2011 A dám Ti ještě jednu radu, používej Operu, má v sobě zabudovanou aplikaci, kde si hraješ s prvky webu a vidíš tak vše naživo, potom už jen zadáš správné kódy do dokumentů a je to Ušetří Ti to hodně práce. Mohu se prosím zeptat, kde se k této aplikaci dostanu? Nainstaloval jsem si nejnovější Operu a prorazil jsem zatím k položce "Edit site preferences", kde se v záložce "Network" objevují položky Identify/Mask as Firefox, Explorer atd... Bohužel při ladění zjišťuji, že ani jedna z možností Identify/Mask as Firefox stránku nezobrazí jako Firefox. Přišel jsem na nějakou nefunčnost, či je tahle možnost "naschvál" nefunkční... jinak ta podaplikace s živým náhledem dokumentů mne opravdu velmi zajímá. Už jsem prošel snad většinu nastavení a pořád to nikde nemůžu najít, jediné, co se tomu trošičku podobá je volba "inspect element" při pravém kliku na stránku, je to to co bylo myšleno? díky za radu. Link to comment Share on other sites More sharing options...
gledy 1 Odesláno: 25. Říjen, 2011 Share Odesláno: 25. Říjen, 2011 Kliknutím pravého tlačítka na vybraný objekt se Ti otevře nabídka, tam vybereš Zkontrolovat prvek Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now