Katerina23

Как перенести левое и правое меню под контента не сломав вёрстку?

Recommended Posts

У меня сайт так разросся, что очень много категорий в меню как в правом так и в левом и основной контент находится слишком далеко внизу. Как перенести левое и правое меню под контент при этом не сломав вёрстку?

Структура моего сайта такая:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Название сайта</title>
<link rel="stylesheet" href="./styles.css"/></head>
<body>
 <div>
   <div>
     Шапка
   </div>
    <div id="leftcol">Левое меню</div>
    <div id="rightcol">Правое меню</div>
    <div id="content">Контент</div>
    <div>Подвал</div>
  </div>
</body>
</html>

стили css

#leftcol
{ 
  float:left;
  width:220px;
}
#rightcol
{
  float:right;
  width:220px;
}

#content
{ 
  width:560px; 
  margin-left:220px; 
  background-color: #FFDA84; 
  color:#1f1408;
}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,546
    Total Members
    3,128
    Most Online
    asd_rojd
    Newest Member
    asd_rojd
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.