Блок вымещает меню а в уроке все норм

Статус
Закрыто для дальнейших ответов.

lena-moscow

New Member
Регистрация
17.01.2013
Сообщения
5
делаю по уроку и у них все нормально вот так:
(8:52 минута)

Untitled-1.jpg

http://www.youtube.com/watch?feature=player_embedded&v=_9nu51ZeY0Q



а у меня при добавлении этого блока все уходит влево:
(то есть у них этот блок поверху меню накладывается а у меня почему то его вымещает - почему?

Untitled-2.jpg


код у меня такой же
мой код вот:


body{
margin:0;
padding:0;
font:12px Tahoma, Arial, sans-serif;
background:url(../images/bg2.png) repeat-x, url(../images/bg.png);

}

div#wrapper{

width:1000px;
margin:0 auto;
background-color:#fff;
}

ul{
margin:0px;
padding:0px;
list-style:none;
}


div.clear{
clear:both;
}

/*шапка сайта*/

div#header{


height:120px;
background:url(../images/bgHeader.png) repeat-x;
position:relative;
}

div#logo{

width:300px;
height:120px;
background:url(../images/logo2.gif) no-repeat;
}

ul.mainMenu {
position:absolute;
right:35px;
top:23px;
color:#fff;
}

ul.mainMenu li{
cursor:pointer;
text-shadow:1px 1px 0px #000;
text-transform:uppercase;
font-size:16px;
float:left;
text-align:center;
padding:10px 20px;
border-right:1px solid #111111;
border-left:1px solid #535252;


}

ul.mainMenu li span{
display:block;
font-size:10px;
color:#00ccff;

}

div#blockNav1{
width:503px;
height:200px;
background-image: url(../images/bgBlockNav.png);
outline:1px solid #cc0000;
margin-top:20px;

}



/*конец шапки сайта*/

мой html:

<html>
<head>
<title>оборона двери решетки ворота сейфы взломоустойчивые хром сталь монтаж бронированные демонтаж элитные</title>
<link href="style/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<ul class="mainMenu">
<li style="border-left:none;">двери<span>взломостойкие</span></li>
<li>сейфы<span>от 5 класса</span</li>
<li>ворота<span>двухконтурные</span</li>
<li style="border-right:none;">решетки<span>усиленные</span</li>

<div id="blockNav1"></div>


</ul>
</div>
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 144
А спросить у автора видеоурока слабо? Или он тоже не знает?
 

lena-moscow

New Member
Регистрация
17.01.2013
Сообщения
5
он не отвечает, видимо лениво....но я эту проблему уже решила теперь другая проблема - отображение этого сайта в браузерах - в мазиле и опере все нормально а в остальных хрень какая то =((( как это исправить? сайт вот: http://oborona-pro.ru/ и еще не подскажите каких ниб хороших уроков как на движок сайт посадить?
 

RurCur

Active Member
Регистрация
10.01.2013
Сообщения
25
и еще не подскажите каких ниб хороших уроков как на движок сайт посадить?
Вам лучше просто сделать сайт на wordpresse, чтобы на движок 'посадить' нужны серьёзные знания php.
А на готовом движке найдёте шаблон и отредактируете(навыки вёрстки же есть уже), получиться лучше.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ