alexadesigns
Новичок
- Регистрация
- 10.04.2009
- Сообщения
- 1
Ситуация такая:
Есть изображения: 1 - GIF шириной 1 рх и высотой 20 рх, 2 - логотип
Нужно чтобы в одной строке было: первое изображение растянутое до лого, сам лого и дальше первое изображение до конца страницы.
Всё вроде ничего, но последний div съезжает вниз
вот код:
Скрин приложил.
Помогите, кто чем может, пожалуйста! hmy:
Проблему с отображением фоновой картинки я решил, а вот последний div по прежнему сползает :wacko:
Есть изображения: 1 - GIF шириной 1 рх и высотой 20 рх, 2 - логотип
Нужно чтобы в одной строке было: первое изображение растянутое до лого, сам лого и дальше первое изображение до конца страницы.
Всё вроде ничего, но последний div съезжает вниз
вот код:
Код:
<div id="banner">
<div id="leftline"> <img src="images/BlancSpacer.gif" alt=""> </div>
<div id="logo"> <img src="images/BlancSpacer.gif" alt=""></div>
<div id="rightline"><img src="images/BlancSpacer.gif" alt=""></div>
</div>
и стиль CSS
#banner {
width:100%;
}
#leftline {
float:left;
width:410px;
height:20px;
background-image: url(images/alexadesignslogo_line.gif);
}
#logo {
width:260px;
height:36px;
background-image: url(images/alexadesignslog.gif);
background-repeat:no-repeat;
margin: auto;
}
#rightline {
float:right;
width:410px;
height:20px;
background-image: url(images/alexadesignslogo_line.gif);
}
Помогите, кто чем может, пожалуйста! hmy:
Проблему с отображением фоновой картинки я решил, а вот последний div по прежнему сползает :wacko:
Вложения
-
20,4 КБ Просмотры: 52