VoVa
Newbie-
Posts
10 -
Joined
-
Last visited
VoVa's Achievements
Explorer (1/14)
0
Reputation
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jabra</title> <link rel="stylesheet" type="text/css" href="css/style1.css"/> </head> <body> <div id="wrap"> <!--header page--> <div id="header"> <div id="menu1"> <ul id="menuList"> <li class="menuWrite"><a href="">Главная</a></li><img src="images/razd.gif" hspace="10" align="top" class="img" /> <li class="menuWrite"><a href="">Новости</a></li><img src="images/razd.gif" hspace="10" align="top" class="img" /> <li class="menuWrite"><a href="">Магазин</a></li><img src="images/razd.gif" hspace="10" align="top" class="img"/> <li class="menuWrite"><a href="">Контакты</a></li><img src="images/razd.gif" hspace="10" align="top" class="img"/> </ul> <form action="" class="searchButton" id="search"> <input type="submit" class="searchButton"src="images/search.jpg" alt="поиск" value="Поиск"/> <input type="text" class="searchMenu" maxlength="30" size="25" /> </form> <img src="images/korzina.gif" align="top" id="korz"/> </div> </div> <!--Menu--> <div id="menu"> <a href=""><img src="images/leftvverh.gif" alt="1" /></a> <a href=""><img src="images/middleverh.gif" id="second" alt="2"/></a> <a href=""><img src="images/rightVerh.gif" id="third" alt="3"/></a> <p class="contentWrite">Главная</p> </div> <!--Content--> <div id="content"> </div> <!--footer--> <div id="footer"> </div> </div> </body> </html> и стили body { background:url(../images/fon.gif); margin:0px; padding:0px; } #content{ background-image:url(../images/cer.gif); background-repeat:repeat-y; clear:both; float:left; height:700px; margin:0; padding:0px; width:821px; } #header{ background:url(../images/header.gif); clear:both; float:left; height:34px; padding-top:70px; width:821px; } #footer{ background-image:url(../images/niz.gif); clear:both; height:16px; float:left; width:821px; } #korz{ margin-left:-7px; vertical-align: bottom; } #menu{ clear: both; float: left; margin: 0px; height:216px; padding: 0px; width:830px; } #menu1{ height: 20px; padding-left: 0px; width:710px; } #menuList{ display:inline; margin: 0px; padding: 0px 0px 0px 25px; } #menu img{ border:none; } #second{ margin-left:-4px; } #search{ background-image: url(../images/button.gif); display:inline; width:350px; } #third{ margin-left:-4px; } #wrap{ height:1000px; margin: 0px auto; /*задали размер сделали верхний отступ отцентровали */ padding: 15px; width:830px; } .contentWrite{ color: #000000; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin-top:-20px; margin-left:20px; } .img{ margin-top: 4px; } .menuWrite a{ color: #333333; font-family: Arial, Helvetica, sans-serif; font-size:16px; height: 19px; text-decoration:none; vertical-align: bottom; } .menuWrite{ display: inline; list-style-type:none; } .searchButton{ background:transparent; background-image:url(../images/button.gif); border:none; color: #333333; font-size:16px; font-family: Arial, Helvetica, sans-serif; height:19px; margin-top: 2px; margin-left: -5px; vertical-align: bottom; } .searchMenu{ background:#666666; border: none; vertical-align: bottom; } в ие6 между Content`ом и Menu появляется горизонтальный отступ величной 3рх ну могу картинку показать тока не знаю как тут на почту вам кину или еще что нить и если не сложно покритикуйте само написание кода что не так и где нетак(если не сложно)
-
просто отрицательные маргины нельзя в опере косяк получается. вот код <div id="menu1"> <ul id="menuList"> <li class="menuWrite"><a href="">Главная</a></li><img src="images/razd.gif" hspace="10" align="top" class="img" /> <li class="menuWrite"><a href="">Новости</a></li><img src="images/razd.gif" hspace="10" align="top" class="img" /> <li class="menuWrite"><a href="">Магазин</a></li><img src="images/razd.gif" hspace="10" align="top" class="img"/> <li class="menuWrite"><a href="">Контакты</a></li><img src="images/razd.gif" hspace="10" align="top" class="img"/> </ul> <form action="" class="searchButton" id="search"> <input type="submit" class="searchButton"src="images/search.jpg" alt="поиск" value="Поиск"/> <input type="text" class="searchMenu" maxlength="30" size="25" /> </form> <img src="images/korzina.gif" align="top" id="korz"/> </div> </div> <!--Menu--> <div id="menu"> <a href=""><img src="images/leftvverh.gif" alt="1" /></a> <a href=""><img src="images/middleverh.gif" id="second" alt="2"/></a> <a href=""><img src="images/rightVerh.gif" id="third" alt="3"/></a> <p class="contentWrite">Главная</p> </div> <!--Content--> <div id="content"> </div> #content{ background-image:url(../images/cer.gif); background-repeat:repeat-y; clear:both; float:left; height:700px; margin:0; padding:0px; width:821px; } #menu{ clear: both; float: left; margin: 0px; height:216px; padding: 0px; width:830px; } #menu1{ height: 20px; padding-left: 0px; width:710px; } между контентом и меню только в ие6 появляется горизонтальный разрыв
-
в том то и дело насколько я знаю 3х пиксельный баг появляется при вертикальном блоке а у меня горизонтальный.искал я это баг не нашел ничего=(
-
ммм я верстальщик а не писатель вирусов )))
-
между блоками только в ие6 появляется горизонтальный разрыв в 3 рх как с этим бороться? выравнивание стоит float:left и clear:both
-
content залазить непонятно почему в ие 7 на рисунки блок menu
-
так если бы я знал где этот проблемный момент тока в ие 7 почему то контент залазит на меню даже в ие6 такого не происходит но не знаю я почему так второй день сижу
-
Главная Новости Магазин Контакты Главная
-
как с ним бороться а первый раз столкнулся и не могу справиться=(
-
проблема такая:ставлю фоновое изображение на кнопку(картинкой) в опере и мозиле все ок,в ие7 эта картинка не отображается,если ставить фоном стандартный цвет то везде все отображается это я кривой или так в ие7 и есть? Поиск и .searchButton{ background-image:url(../images/button.gif); border: none; font-size:16px; font-family: Arial, Helvetica, sans-serif; } вот код