Keskustelu: Nettisivujen teko: Divit vierekkäin ie:llä

.vasen{
	float: left;
	width:	13%;
	height: 80%;
	display: inline;
	background-image: url(images/ultimatesivubanneri2.jpg);
	font-size: large;
}
.keski{
	float: left;
	width:	87%;
	height: 80%;
	background-image: url(images/keski.jpg);
	overflow: scroll;
}

Tuo display: inline; laittaa nuo divit vierekkäin firefoxilla mutta ie laittaa nuo allekkain. Mitenköhän ne saisi vierekkäin?

Kokeilepa laittaa se molempiin. Nythän se on vain vasemmassa. Tai jos vaikka pienemmällä leveydellä toimisi? Nythän noista tulee yhteensä 100%.

Ei auttanut. Ajoin tuon css validaattorin läpi, meni suoraan. Kyllä mä sitten rakastan ie:tä.

Kokeile pistää vasemman leveydeksi vaikka 12%...

Ei toimi. =(

Kokeile clearin ja floatin kanssa sählätä. Voi ehkä alkaa toimimaan..

-Grey-

HTML:ssä:

<!--[if IE]><style type="text/css">
.vasen,.keski {
display : inline-block;
}
</style><![endif]-->

Vaihtoehto 2:
.vasen floatilla
.keski ilman
.keski sisältää marginaalia .vasen leveyden verran

Toisaalta olisi kiva nähdä itse sivukin tai koko sivun lähdekoodi, niin ei tarvitsisi heittää arpaa mahdollisista vaihtoehdoista.

Joo o, vähensi divien kokoa vähän ja heitti .keski diviin floatiksi right niin toimi, kiitos avusta kaikille. :)