Красится не слева а весь контент.

Garikvoloshin · September 16, 2012

Всем привет! Кто подскажет в чем ошибка, мне нужно чтобы картинка была слева и справа а она заходит и в сайдбар и в контент, что делать?

КОД- html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript" src="javascript.js"></script>
<meta charset="utf-8" />

<title>4 Cезона</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
</head>
<body background="img/10.jpg">
<div id="wrapper">
<header id="header">
<img src="img/cap.png">
</header>
<section id="middle">
<div id="container">
<div id="content">
<h2 align="center">ТЕСТ</div>
</div>
<aside id="sideLeft">
<h3 align="center"><br><br><p>?<a href="index.html" id=ss>на главную</p><br> <p> ?<a href="cost.html" id=ss> цены</a></p><br><p>?<a href="photo.html" id=ss>фото</a></p><br><p>?<a href="uslugi.html" id=ss>Услуги</a></p><br> <p>?<a href="kommentarii.html" id=ss>гостевая книга</a></p><br> <p>?<a href="map.html" id=ss>место на карте</a></p><br><br></h3>
</aside>
</section>
<footer id="footer">
<br>
<br>
<p align="center"> © 4 сезона 2011-2012</p>
</footer>
</div>
</body>
</html>
CSS-
* {
margin: 0;
padding: 0;
}
header, nav, section, article, aside, footer {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 694px;
margin: 0 auto;
}
/* Header
—————————————————————————--*/
#header {
height: 150px;
background: #FFE680;
}
/* Middle
—————————————————————————--*/
#middle {
width: 100%;
height: 1%;
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#containers { /*—-for photo!—-*/
width: 100%;
float: left;
overflow: hidden;
border-right: 2px dashed maroon;/* right lini——*/
}
#content {
padding:0 0 0 150px;
border: 2px dashed maroon;
}
/* Sidebar Left
—————————————————————————--*/
#sideLeft {
float: left;
width: 130px;
margin-left: -100%;
position: relative;
border: 2px dashed maroon;
}
/* Footer
—————————————————————————--*/
#footer {
height: 75px;
background: #BFF08E;

Sign In

Красится не слева а весь контент.

Question

Garikvoloshin

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information