пропадает фон после- float:left;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>тестовое задание</title> <link href="css/style.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="vse"> <a href="index.html"><img src="images/vse.png" alt="menu"/></a> </div> <div id="menu"> <ul> <li><a href="#">Потерянные</a></li> <li><a href="#">Найденные</a></li> <li><a href="#">Приму в дар</a></li> <li><a href="#">Отдам в дар</a></li> <li><a href="#">Куплю</a></li> <li><a href="#">Продам</a></li> </ul> </div> </div> <div id="content"></div> </div> </body> </html> CSS-kod @import url(reset.css); #wrapper{ width:960px; margin: 0 auto; } #vse{ width:74px; high:32px; float:left; margin-left:5px; } #menu{ width:799px; high:53px; background:url(../images/menu_bg.png/)no-repeat; } #menu ul li{ float:left; } когда хочу сдвинуть ul li влево, пропадает слой меню background:url(../images/menu_bg.png/)no-repeat; ,видно только ul, li. |
high:32px; high:53px; :-? |
Вложений: 1
Вложение 2849 вот в чем проблема
|
Установи height и width для div'a. Когда ты флоатишь, у тебя схлопывается все до нуля, поэтому фон исчезает.
|
или используй claerfix
|
| Часовой пояс GMT +3, время: 05:26. |