Тема: Если кто-то в CSS разбирается
Есть проблема - никак не могу понять что творится... Итак, файл со стилями. Там есть следующий кусок:
#imageline {
margin: 0 auto;
padding: 0px;
left: 50%;
height: 214px;
width: 1000px;
position: absolute;
top: 182px;
text-align: left;
vertical-align: top;
clear: both;
right: auto;
margin-left: -500px;
background-color: #FFFFFF;
z-index: -10;
}
#leftpic {
height: 214px;
width: 331px;
left: 0px;
top: 0px;
position: absolute;
}
#middlepic {
height: 214px;
width: 332px;
left: 334px;
top: 0px;
position: absolute;
}
#rightpic {
height: 214px;
width: 331px;
left: 669px;
top: 0px;
position: absolute;
}И есть файл шапки, где имеем следующее:
<div id="imageline">
<div id="leftpic"><img src="<?php bloginfo('template_directory');?>/leftpic.jpg" /></div>
<div id="middlepic"><img src="<?php bloginfo('template_directory');?>/middlepic.jpg" /></div>
<div id="rightpic"><img src="<?php bloginfo('template_directory');?>/rightpic.jpg" /></div>
</div>Картинки сделаны точно под размер div'ов... Но получается, что в IE и в Хроме правая картинка налезает немного на центральную. При этом FireFox показывает все так, как должно быть.
Ни у кого нет идей из-за чего такой косяк?
SAAB 9000 CSE M96, 200 л/с, 2,3 л., АКПП.
Не всем дано поспать в раю, но кое-что мы здесь успеем натворить... (c)
Не всем дано поспать в раю, но кое-что мы здесь успеем натворить... (c)
Но почему ширина для мидлпик указана 332пикс, а для остальных 331? А ширина для каждой кратинки 332 пикс при общей ширине 1000пикс. 332*3=996. 