Jump to content
  • 0

div не хочет влезать в родительский div


Winni
 Share

Question

По коду в тег div входит ещё несколько div-ов, проблема в том что в браузере это не отображается, все это слои ставятся отдельно от родительского div-а .

На сайте главный div выделен белой рамкой, а div в котором должны находится меню, главная колонка выделен красным. помогите найти ошибку в сайте вот ссылка на народ, если мой комп опять демоны выключат

<!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">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<div id="ev">
<div id="top"><div id="zag">Добро пожаловать на первый российский сайт Magiс The Gathering</div>
<div id="search"><input id="searchi" name="search" type="text" size="25" maxlength="40"></div></div>
<div id="header"><img id="logo" src="img/logo.png">

</div>
<div id="col">
<div id="left_col">
<div id="nav">
<map name="nav">
<area shape="poly" coords="0,28,122,0,246,28,122,58" href="" alt="Главная">
<area shape="poly" coords="0,78,122,58,246,78,122,110" href="">
<area shape="poly" coords="0,130,122,110,246,130,122,161" href="">
<area shape="poly" coords="0,185,122,161,246,185,122,216" href="">
<area shape="poly" coords="0,240,122,216,246,240,122,264" href="">
<area shape="poly" coords="0,282,124,257,246,282,122,311" href="">
<area shape="poly" coords="0,335,122,311,246,335,122,362" href="">
</map>
<img usemap="#nav" src="img/menu.jpg"></div>
<div id="rec"></div>
</div>

<div id="midlle">
<div id="bl"><table>
<tr><td width="354" height="228"><a href=""><img src="img/otbor.jpg"></a></td><td width="350"><a href=""><img src="img/banner02.gif"></a></td></tr></table>
</div>
<div id="mid_col">
<!--Новости-->
<div id="news"><img src="img/1.jpg"><h5>02.03.2010 | Worldwake Game Day в Единороге</h5>

<div id="text">6 марта в Единороге на Октябрьском Поле состоится День Игры Worldwake.

День Игры — это превосходная возможность опробовать свою колоду в поединках с новыми противниками и получить уникальные промо-карты. Каждый участник получит в подарок полноразмерную карту Hada Freeblade, а лучшие 8 — полноформатную фойловую карту Kalastria Highborn.

Приходите, будет весело!
Подробнее »</div>
</div>
<div id="news"><img src="img/2.jpg"><h5>02.03.2010 | Результаты Гран-При Мадрид 2010</h5>
<div id="text">Гран-При Мадрид, прошедший 27-28 февраля, буквально уничтожил все прошлые рекорды посещаемости — побороться за чемпионство в вечном формате Legacy собралось 2220 участников, из них 1581 человек из Испании и 639 человек из 33 других стран мира! Среди них были игроки и из России — 21 человек. Четверо из них — Сергей Ламзин, Дмитрий Моисеев, Дмитрий Никитин и Денис Андрейчиков — в 9 изнурительных раундах первого дня смогли пробиться во второй день. Самым успешным из наших игроков стал Дмитрий Никитин, занявший в итоге впечатляющее 17 место с 40 очками.

Официальный каверадж турнира можно увидеть здесь.
Подробнее »</div>
</div>
<div id="news"><img src="img/3.jpg"><h5>25.02.2010 | Legacy в Экспедиции!</h5>
<div id="text">Приглашаем всех любителей вечного формата 14 марта в «Драйв-кафе», расположенное по адресу ул. Садовая-Спасская, д. 19.

Начало турнира в 13:00.
Участие: 300 р.
Формат: Legacy Constructed.
Призовой фонд: 2 бустера за каждого участника, специальный приз от Экспедиции — купон на 5 литров пива и закуски для вечеринки с друзьями в любой день в Драйв-кафе Экспедиция.

Приходите, не пожалеете!</div>
</div>
<div id="news"><img src="img/4.jpg"><h5>25.02.2010 | Отборочный турнир к ЧР 2010 в Москве 7.03</h5>
<div id="text">ВНИМАНИЕ:!! Местом проведения московского отборочного турнира к Чемпионату России, заявленного на 7 марта, станет клуб «Единорог» на Октябрьском Поле. Формат соревнования остается прежним: Sealed Deck по блоку «Zendikar».</div>
</div>
<!--Конец новостей-->
</div>
</div>
</div>
<div id="footer"> <p>© Winni</p>
</div>
</div>
</body>
</html>

/*stylesheet*/
body {background:url(img/ev_bg.jpg) repeat-x black ;margin:0; padding:0px }
img {border:none}
#ev{
background:url(img/col_bg.gif) ;
width:1024px; margin:0 auto; padding:0px; border:5px #FFF solid
}

#top {color:white;
width:1024px;
height:52px;
background:#000;
margin:0px;

}
#zag { padding:15px; float:left}
#search {background:url(img/serch.jpg) no-repeat; width:155px; height:27px; padding:3px 50px; margin-left: 780px; position:relative; top:10px; right:70px; bottom:auto;}
#searchi { background:none ; border:none}
#header {background:url(img/header.jpg) no-repeat; height:133px; width:1024px;}
#logo{width:171px; height:88px; position:relative; left:140px; top:30px}

#col{margin:0px; border:#F00 1px solid }

#left_col{width:auto; float:left ;margin:10px; margin-right:13px; height:845px}
#rec { background:url(img/23.gif); width:160px ; height:350px; position:relative; top:100px; left:45px; border:#FFF thick}

#midlle {width:721px; float:right; border: ridge 6px; background:#dae2d0; margin-top:13px}

#bl {background: url(img/bl_bg.png) no-repeat; width:inherit; height:228px; }
#bl a img{position:relative; top:0px; left:23px}

#mid_col{padding:13px}

#news{margin:10px 0px;padding:25px; background:#d7dcb0; border:#FFF 1px; width:640px; height:auto; }
#news img {float:left}
#news h5 {position:relative; left:26px; width:100%; margin:0px}
#text {position:relative; left:26px; margin:17px; width:394px; max-width:394px; overflow:hidden}

#footer{
height:53px;
background:url(img/footer.jpg) repeat-x;

}

Edited by Winni
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy