Поплыл шаб

Сообщений: 1 Регистрация: Май 2010

2 Апреля 2012 16:06

Добрый день, помогите решить проблему
Есть - Рисунок

Желаемый конечный результат -
Рисунок

Подскажите, как сделать белый фон не на весь шаб, а для контента и сайтебара (как на 3 картинке) и как снести футер вниз (сейчас он сразу под контентом)
Рисунок

[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>GRead beta</title>
</head>

<body>
<div class="main">
<div class="head">
</div>

<div class="content">
<div class="post-main">
<h1><a href="#">Welcom</a></h1>
<div class="post">
Hello, Friends.</p>GRead helps you to read book conveniently. But I will not tell a lot better to look screencast: </p>
If you have any question, send in to me: <a href="#">spirt40@gmail.com</a>

</div>
</div></div>

<div class="sitebar">
<div class="vidget">
<h2>Log in</h2>
<ul>
<form method="post" name="registration" id="registration" action="#">
<li>
<span id="text1">Username: </span>
<input type="text" name="name" id='name' />
</li>
<li>
<span id="text1">Password:</span>
<input type="password" name="password1" id="pass"/>
</li>
<div class="send-form"><li>
<input type="submit" name="submit" value="Sing up" onclick="check()" class="send-button"/> <a href="#">remember me password</a></li>
</div>
</form>
<img src=Images/bg-menu.jpg align="left">
or use OpenID: <a href="#">Google</a> <a href="#">Yahoo</a> <a href="#">other</a>
</ul>

</div>
<div class="reklama">
<div class="vidget2">
<h2>Sign in</h2>
<ul>

<form method="post" name="registration" id="registration" action="#">
<li><span id="text1">Username: </span>
<input type="text" name="name" id='name' /></li>

<li><span id="text1">E-Mail:</span>
<input type="text" name="email" id="email" /></li>

<li><span id="text1">Password:</span>
<input type="password" name="password1" id="pass"/></li>

<li>I have agree to the <a href="#">Terms:</a>   <input type="checkbox" name="option" value="a4"></li>

<div class="send-form">
<li><input type="submit" name="submit" value="Sing up" onclick="check()" class="send-button"/></li>
</div>
</form>
</ul>

<div class="reklama1">
<div class="vidget22">
<h2>News</h2>
<div class="post">
Now fix bug with " ". If U have this
symbol in a book, then click to "reProcess book" in edit's book menu.</div>
<div class="data">
<h9>2009-08-27 09:18:02</h9>
</div>

<div class="post">Sorry, but now OpenID work with Google. Use standard registration form. I'm now working on this problem. Sorry, Friends!
</div>
<div class="data">
<h9>2009-08-26 19:28:27</h9>
</div>
<div class="post"> New part of article about how I was building GRead (in Russian). <a href="#">Read</a>
</div>
<div class="data">
<h9>2009-08-26 13:52:53</h9>
</div>

</div></div></div></div></div>
<div class="footer">

Legal:© 2009 / <a href="#">Terms</a> / <a href="#">About</a> / <a href="#">Contact</a>
</div></div>
</body>
</html>
[/HTML]

[CSS]@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0;}
body {background:#e7e7df url(Images/bg-body.jpg) left top no-repeat;
}
.main {
width:1050px; margin:0 auto;}

.head{
height:40px;}



.content-main{
background:#fffdfd; overflow:hidden;

}

.content{
width:730px; float:right; margin:15px 15px 15px 0;
}
.post-main{
background:#ffffff; margin:0;

}
.post-main h1{
font:14px Verdana, Geneva, sans-serif;color:;background:#4ebbff;

padding:5px 20px 8px 15px; margin:0;
}
.post-main h1 a{
font: normal 14px Verdana, Geneva, sans-serif;color:#000000;text-decoration:none;
}
.post-main h1 a:hover{
font: normal 14px Verdana, Geneva, sans-serif;color:#000000;text-decoration:underline;
}
.imgstyle{
float:left; margin:0;
}
.post{
margin:0;
}
.post p{
font:12px Verdana, Geneva, sans-serif;color:#000; margin:0;
}
.post p a{
color:#423e3e; text-decoration:underline;
}






.sitebar{
width:275px; float:left; margin:15px 15px 15px 15px;
}
.vidget{
background:#ffffff; margin:0;


}
.vidget h2{
font:14px Verdana, Geneva, sans-serif; background:#66cc9a; color:#000;
padding:5px 20px 8px 15px; margin:0;

}
.vidget ul{
list-style:none;padding:10px 10px;
}
.vidget li {margin:5px 0 0 0;}


.reklama{width:275px; float:left; margin:15px auto;
}
.vidget2 {
background:#ffffff; margin:0;


}
.vidget2 h2{
font:14px Verdana, Geneva, sans-serif; background:#f3a950; color:#000; padding:5px 20px 8px 15px; margin:0;

}
.vidget2 ul{
list-style:none;padding:10px 10px;
}
.vidget2 2ul li{
font:14px Verdana, Geneva, sans-serif; color:#000; padding:5px 5px 5px 20px;
}
.vidget2 ul li a{
text-decoration:none; color:#000;
}
.vidget2 li {margin:5px 0 0 0;}


.reklama1 {width:275px; float:left; margin:15px auto ;
}
.vidget22 {
background:#ffffff; margin:0;


}

.vidget22 h2{
font:14px Verdana, Geneva, sans-serif; background:#fc575e; color:#000; padding:5px 20px 8px 15px; margin:0;

}
.vidget22 ul{
list-style:none;padding:25px 15px;
}
.vidget22 2ul li{
font:14px Verdana, Geneva, sans-serif; color:#000; padding:5px 0 5px 20px;
}
.vidget22 ul li a{
text-decoration:none; color:#000;
}
.data {style="text-align:right;color:#91908e;}

.vidget22 li {margin:5px 0 0 0;}

.footer {
float:left; font:14px Verdana, Geneva, sans-serif;
}

[/CSS]

Изменено: Dark_Semi - 2 Апреля 2012 16:08

SleepTT

Сообщений: 9 Регистрация: Апр 2011

4 Апреля 2012 16:47

~~Разобрался что к чему? делать нет?~~
[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<style type="text/css">
@charset "utf-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
}
body {
    background: #e7e7df url(Images/bg-body.jpg) left top no-repeat;
}
.main {
    background: #ffffff;
    width: 1050px;
    margin: 0 auto;
    overflow: hidden;
}
.head {
    background: url('/1.jpg') 0 0 no-repeat;
    width: 1050px;
    height: 40px;
    margin: 0 auto;
}
.content-main{
    background: #fffdfd;
    overflow: hidden;
}
.content {
    width: 730px;
    float: right;
    margin: 15px 15px 15px 0;
}
.post-main {
    background: #ffffff;
    margin: 0;
}
.post-main h1 {
    font: 14px Verdana, Geneva, sans-serif;
    color:;
    background: #4ebbff;
    padding:5px 20px 8px 15px;
    margin:0;
}
.post-main h1 a {
    font: normal 14px Verdana, Geneva, sans-serif;
    color:#000000;
    text-decoration:none;
}
.post-main h1 a:hover {
    font: normal 14px Verdana, Geneva, sans-serif;
    color: #000000;
    text-decoration: underline;
}
.imgstyle {
    float: left;
    margin: 0;
}
.post {
    margin: 0;
}
.post p {
    font: 12px Verdana, Geneva, sans-serif;
    color: #000;
    margin: 0;
}
.post p a {
    color: #423e3e;
    text-decoration:underline;
}
.sitebar {
    width: 275px;
    float: left;
    margin: 15px 15px 15px 15px;
    overflow: hidden;
}
.vidget {
    background: #ffffff;
    margin: 0;
}
.vidget h2 {
    font: 14px Verdana, Geneva, sans-serif;
    background: #66cc9a;
    color: #000;
    padding: 5px 20px 8px 15px;
    margin: 0;
}
.vidget ul {
    list-style: none;
    padding: 10px 10px;
}
.vidget li {
    margin: 5px 0 0 0;
}
.reklama{
    width: 275px;
    float: left;
    margin: 15px auto;
}
.vidget2 {
    background: #ffffff;
    margin: 0;
}
.vidget2 h2 {
    font: 14px Verdana, Geneva, sans-serif;
    background: #f3a950;
    color: #000;
    padding: 5px 20px 8px 15px;
    margin: 0;
}
.vidget2 ul {
    list-style: none;
    padding: 10px 10px;
}
.vidget2 2ul li {
    font: 14px Verdana, Geneva, sans-serif;
    color: #000;
    padding: 5px 5px 5px 20px;
}
.vidget2 ul li a {
    text-decoration: none;
    color: #000;
}
.vidget2 li {
    margin: 5px 0 0 0;
}
.reklama1 {
    width: 275px;
    float: left;
    margin: 15px auto;
}
.vidget22 {
    background: #ffffff;
    margin: 0;
}
.vidget22 h2 {
    font: 14px Verdana, Geneva, sans-serif;
    background: #fc575e;
    color: #000;
    padding: 5px 20px 8px 15px;
    margin:0;
}
.vidget22 ul {
    list-style: none;
    padding: 25px 15px;
}
.vidget22 2ul li {
    font: 14px Verdana, Geneva, sans-serif;
    color: #000;
    padding: 5px 0 5px 20px;
}
.vidget22 ul li a {
    text-decoration: none;
    color: #000;
}
.data {
    text-align: right;
    color: #91908e;
}
.vidget22 li {
    margin: 5px 0 0 0;
}
.footer {
    background: #f6f6ea;
    clear: both;
    font: 14px Verdana, Geneva, sans-serif;
    margin: 15px 15px;
    padding: 4px 10px;
}
</style>
<title>GRead beta</title>
</head>

<body>
    <div class="head"></div>
    <div class="main">
        <div class="content">
    <div class="post-main">
    <h1><a href="#">Welcom</a></h1>
    <div class="post">
        <p>Hello, Friends.</p>
        <p>GRead helps you to read book conveniently. But I will not tell a lot better to look screencast:</p>
        If you have any question, send in to me: <a href="#">spirt40@gmail.com</a>
    </div>
</div>
</div>
<div class="sitebar">
    <div class="vidget">
    <h2>Log in</h2>
    <form method="post" name="registration" id="registration" action="#">
    <ul>
        <li><span id="text1">Username: </span><input type="text" name="name" id='name' /></li>
<li><span id="text1">Password: </span><input type="password" name="password1" id="pass"/></li>
<li><div class="send-form"><input type="submit" name="submit" value="Sing up" onclick="check()" class="send-button"/> <a href="#">remember me password</a></div></li>
<img src="Images/bg-menu.jpg" align="left">or use OpenID: <a href="#">Google</a> <a href="#">Yahoo</a> <a href="#">other</a>
    </ul>
    </form>
</div>
<div class="reklama">
    <div class="vidget2">
        <h2>Sign in</h2>
<form method="post" name="registration" id="registration" action="#">
<ul>
    <li><span id="text1">Username: </span><input type="text" name="name" id='name' /></li>
<li><span id="text1">E-Mail: </span><input type="text" name="email" id="email" /></li>
<li><span id="text1">Password: </span><input type="password" name="password1" id="pass"/></li>
<li>I have agree to the <a href="#">Terms:</a> <input type="checkbox" name="option" value="a4"></li>
<li><div class="send-form"><input type="submit" name="submit" value="Sing up" onclick="check()" class="send-button"/></div></li>
</ul>
</form>
<div class="reklama1">
    <div class="vidget22">
    <h2>News</h2>
    <div class="post">Now fix bug with " ". If U have this symbol in a book, then click to "reProcess book" in edit's book menu.</div>
    <div class="data"><h9>2009-08-27 09:18:02</h9></div>
    <div class="post">Sorry, but now OpenID work with Google. Use standard registration form. I'm now working on this problem. Sorry, Friends!</div>
    <div class="data"><h9>2009-08-26 19:28:27</h9></div>
    <div class="post">New part of article about how I was building GRead (in Russian). <a href="#">Read</a></div>
    <div class="data"><h9>2009-08-26 13:52:53</h9></div>
</div>
</div>
    </div>
</div>
</div>
<div class="footer">Legal: © 2009 / <a href="#">Terms</a> / <a href="#">About</a> / <a href="#">Contact</a></div>
    </div>
</body>
</html>
[/CODE]
Как то так... вроде нормально работает...

Изменено: SleepTT - 4 Апреля 2012 17:10

Mning to

Сообщений: 210 Регистрация: Фев 2012

6 Апреля 2012 01:56

А это где такие лабораторные работы задают не скажешь?

JOK#R Сообщений: 7396 Регистрация: Окт 2011	#4 6 Апреля 2012 06:46 body { background: #e7e7df url(Images/bg-body.jpg) left top no-repeat; [FONT=Tahoma, Arial, Helvetica, sans-serif]Замени на [/FONT]#white [FONT=Tahoma, Arial, Helvetica, sans-serif]Ещё может оказатся, что фон у тебя в Имейдже, если ето так, то удали - вот ето: [/FONT]url(Images/bg-body.jpg) Оптимизация сайтов - Заказать! У тебя пропали позиции? Сайт в АГС? Нету посещений? Позиции калл? Пиши мне!

Похожие темы:

28.12.2024 00:53	Доработка сайта
23.10.2024 22:00	Какие функции должны быть у современного Интернет магазина?
29.06.2024 22:50	Обучение созданию сайтов на Tilda за один день: быстро и эффективно
29.06.2024 22:28	где много готовых фавиконок
28.05.2024 09:36	Сайт не реагирует на изменения в CSS

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
16:45 Adfinity - Ваш надежный партнер в монетизации трафика 15:05 Gambling Craft - гемблинг по белому 19:35 Парсят сай до ddos 16:02 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 11:51 Ходяга(АнтиМинусинск) - программа для проклика ссылок, генерации поискового и соц.трафика, улучшения ПФ 14:39 AviTool - мощный инструмент для автоматизации работы с Avito 11:36 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!	16:14 ProxyWins.com - 15% по промо-коду "venividivici" 16:04 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 13:48 Expa24.com Обмен Криптовалют. Ввод/Вывод наличные Украина/Северный Кипр/Мир 12:03 Starcrown Partners – Партнерская программа для гемблинг/беттинг трафика 04:29 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 00:02 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 22:32 Прием платежей для HIGH RISK \| Прием платежей без сайта	19:30 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту