html/css Help s designem

[kubow 0]

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
...

[kubow 0]

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

[gledy 1]

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.

[Guest]

Doporučuji vyzkoušet

[miniTUT] Normálnější IE

 

Mělo by ti to ten problém na 99% vyřešit

[kubow 0]

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.

[gledy 1]

Kliknutím pravého tlačítka na vybraný objekt se Ti otevře nabídka, tam vybereš Zkontrolovat prvek