В общем у меня есть шапка, она резиновая, мне нужно, чтобы все блоки кроме #browsers были во врэппере, я реально уже все перепробовал(мне известное), но никак не получается то, что нужно..
Собственно вот коды шапки:
CSS
CODE ( html):
скопировать код в буфер обмена
#header { position: relative; width: 100%; min-width: 1000px; height: 600px; background: url(images/header-bg.jpg) repeat-x; } #browsers { position: absolute; width: 479px; height: 308px; position: absolute; top: 25px; left: 25px; background: url(images/browsers.png) no-repeat; } #slider { width: 962px; height: 202px; position: absolute; top: 359px; left: 158px; background: url(images/slider-bg.png) no-repeat; } #slider ul { list-style: none; } #slider ul li { margin: 0 5px; padding: 10px 5px 20px 5px; width: 160px; height: 140px; display: block; background: #fff; text-align: center; float: left; } #slide-l { width: 30px; height: 92px; position: absolute; top: 434px; left: 120px; background: url(images/slide-l.png) no-repeat; } #slide-r { width: 30px; height: 92px; position: absolute; top: 434px; left: 1130px; background: url(images/slide-r.png) no-repeat; }
HTML
CODE ( html):
скопировать код в буфер обмена
<div id="header"> <div id="browsers"></div> <div id="slide-l"></div> <div id="slider"> <div id="sliderSmall"> <ul> <li><a href="#"><img src="images/6.jpg"><p>Slider #1</p></a></li> <li><a href="#"><img src="images/6.jpg"><p>Slider #1</p></a></li> <li><a href="#"><img src="images/6.jpg"><p>Slider #1</p></a></li> <li><a href="#"><img src="images/6.jpg"><p>Slider #1</p></a></li> <li><a href="#"><img src="images/6.jpg"><p>Slider #1</p></a></li> </ul> </div> </div> <div id="slide-r"></div> </div>
Если кто-то хочет помощь, если нужно могу скинуть в личку архив с полным кодом и картинками..
|