размер сайта

[aleksej]

помогите, устанавливаю с помощью css высоту 1500, а она все равно 1900 остаеться( что делать??

[cyklop77]

код в студию

[aleksej]

CSS-

* CSS Document */

*{

padding:0; margin:0;

}

body{

background: url(images/fon2.jpg);

width: 1260px;

width: 100%;

height: 1500px;

}

.header{

background: url(images/head.jpg) center no-repeat;

width: 1260px;

height: 250px;

padding: 0px 0px 0px 1px;

}

.main{

width:970px; margin:0 auto;

}

.menu{

width: 900px;

height: auto;

margin: 0px 0px 0px 63px;

position: relative;

z-index: 5;

}

.menu li{

list-style: none;

float: left;

width: 140px;

position: relative;

}

.menu li a{

text-decoration: none;

font: 24px "Arial"; color:#FFFFFF;

background: #000;

display:block;

margin: 3px;

padding: 10px;

text-align: center;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

-border-radius: 5px;

}

.menu li a:hover{

background: #ccc;

color: #444;

}

.menu li ul{

float: none;

display: none;

position: absolut;

}

.menu li ul a{

text-decoration: none;

font: 24px "Arial"; color:#FFFFFF;

background: #000;

display:block;

margin: 3px;

padding: 10px;

text-align: center;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

-border-radius: 5px;

}

.menu li ul a:hover{

background: #ccc;

color: #444;

}

.menu li:hover ul {

display: block;

position: absolute;

top: 100%;

list-style: none;

margin: 0;

padding: 0;

}

.slider{

float:left;

width: 900px;

position: relative;

padding-top: 450px;

padding-left: 300px;

margin: 100px auto;

}

.slider>img{

position: absolute;

top: 0px;

left: 150px;

margin-bottom: 600px;

transition: all 0.5s;

width: 950px;

height: 450px;

z-index: 1;

}

.slider input[name=slide_switch] {

display: none;

}

.slider label {

margin: 18px 0 0 18px;

border: 3px solid #999;

float: left;

cursor: pointer;

transition: all 0.5s;

opacity: 0.6;

}

.slider label img{

display: block;

}

.slider input[name=slide_switch]:checked+label {

border-color: #666;

opacity: 1;

}

.slider input[name=slide_switch] ~ img {

opacity: 0;

transform: scale(1.1);

}

.slider input[name=slide_switch]:checked+label+img {

opacity: 1;

transform: scale(1);

}

.content{

background: url(images/glblock.jpg) center no-repeat;

width: 680px;

height: 1200px;

padding: 1545px 0px 0px 550px;

}

.rubrik{

float: left;

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

margin: -700px 0px 0px -250px;

}

.rubrik li a{

display: block;

background: url(images/wse.png);

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

}

.rubrik1{

float: left;

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

margin: -700px 0px 0px -145px;

}

.rubrik1 li a{

display: block;

background: url(images/csgo.png);

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

}

.rubrik2{

float: left;

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

margin: -700px 0px 0px -40px;

}

.rubrik2 li a{

display: block;

background: url(images/dota2.png);

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

}

.rubrik3{

float: left;

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

margin: -700px 0px 0px 65px;

}

.rubrik3 li a{

display: block;

background: url(images/wot.png);

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

}

.rubrik4{

float: left;

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

margin: -700px 0px 0px 170px;

}

.rubrik4 li a{

display: block;

background: url(images/sc2.png);

text-decoration: none;

list-style: none;

width: 108px;

height: 37px;

}

.post-main{

width:600px;

height:215px;

margin: -650px 0px 0px -260px;

}

.post-main h1{

width:680px;

font:16px Garamond;

color:#000;

}

.post-main h1 a{

font:normal 36px Garamond;

color:#000;

text-decoration: none;

}

.post-main h1 a:hover{

font:normal 36px Garamond;

color:#000;

text-decoration: none;

}

.post-main h1 span{

font:normal 17px Garamond;

color:#000;

}

.post{

font:normal 17px Garamond;

color:#000;

width:650px;

}

.post p{

width:650px;

font:normal 21px Garamond;

color: #000;

}

.post p a{

font:normal 17px Garamond;

color: #000;

padding: 0px 0px 0px 570px;

text-decoration: underline;

}

.post p a:hover{

text-decoration: none;

}

.sidebar{

width: 220px;

height: 1300px;

margin: -1915px -0px 0px 960px;

}

.sidebar2{

width: 220px;

height: 1300px;

margin: -58px 0px 0px -950px;

}

.footer{

width: 1260px;

height: 100px;

overflow: hidden;

margin: 0px 0px 400px 0px;

background: #fff;

}

HTML-

<!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">

<head profile="http://gmpg.org/xfn/11:>

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"/>

<meta name="generator" content="WordPress<?php bloginfo('version'); ?>"/> <!--leave this for stats please-->

<link rel='stylesheet id='admin-bar-css' href='C:/Users/SON/Desktop/«оЎЁ­ б ©в/home/Ljuba/www/wp-content/themes/Ljuba/style.css' type='text/css' media='all' />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url');?>"/>

<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url');?>"/>

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingbeck_url'); ?>" />

<link rel="stylesheet" type="text/css" href="style.css" />

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php//comments_popup_script(); //off by default ?>

<?php wp_head(); ?>

<script src="http://thecodeplayer.com/uploads/js/prefixfree.js" type="text/javascript"></script>

</head>

<body>

<div style=" width:1260px; height: 1500px; background: url(images/fon2.jpg) ;">

<div class="header">

</div>

<div class="main">

<div class="content-main">

<ul class="menu">

<li><a href="#">Главная</a></li>

<li><a href="#">История</a></li>

<li><a href="#">Команды</a>

<ul>

<li><a href="#">CS:GO</a></li>

<li><a href="#">DOTA 2</a></li>

<li><a href="#">SC 2</a></li>

<li><a href="#">WoT</a></li>

</ul>

</li>

<li><a href="#">Партнеры</a></li>

<li><a href="#">Форум</a></li>

<li><a href="#">О нас</a></li>

</ul>

</div>

</div>

<div class="slider">

<input type="radio" name="slide_switch" id="id1"/>

<label for="id1">

<img src="http://s017.radikal.ru/i416/1303/d5/5bb741893c99.jpg" width="100"/>

</label>

<img src="http://s017.radikal.ru/i416/1303/d5/5bb741893c99.jpg"/>

<input type="radio" name="slide_switch" id="id2" checked="checked"/>

<label for="id2">

<img src="http://s017.radikal.ru/i403/1303/ca/c54d2273ef53.jpg" width="100"/>

</label>

<img src="http://s017.radikal.ru/i403/1303/ca/c54d2273ef53.jpg"/>

<input type="radio" name="slide_switch" id="id3"/>

<label for="id3">

<img src="http://i060.radikal.ru/1303/4f/3815af5b8422.jpg" width="100"/>

</label>

<img src="http://i060.radikal.ru/1303/4f/3815af5b8422.jpg"/>

<input type="radio" name="slide_switch" id="id4"/>

<label for="id4">

<img src="http://s018.radikal.ru/i519/1303/cd/bf1f75d5191c.jpg" width="100"/>

</label>

<img src="http://s018.radikal.ru/i519/1303/cd/bf1f75d5191c.jpg"/>

<input type="radio" name="slide_switch" id="id5"/>

<label for="id5">

<img src="http://s020.radikal.ru/i722/1303/2c/ff2057e8be74.jpg" width="100"/>

</label>

<img src="http://s020.radikal.ru/i722/1303/2c/ff2057e8be74.jpg"/>

</div>

<div class="content">

<ul class="rubrik">

<li><a href="#"></a></li>

</ul>

<ul class="rubrik1">

<li><a href="#"></a></li>

</ul>

<ul class="rubrik2">

<li><a href="#"></a></li>

</ul>

<ul class="rubrik3">

<li><a href="#"></a></li>

</ul>

<ul class="rubrik4">

<li><a href="#"></a></li>

</ul>

<div class="post-main">

<h1><a href="#">Title </a><span> (13.03.2013)</span></h1>

<div class="post">

<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>

<p><a href="#">Read next</a></p>

</div>

<h1><a href="#">Title </a><span> (13.03.2013)</span></h1>

<div class="post">

<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>

<p><a href="#">Read next</a></p>

</div>

<h1><a href="#">Title </a><span> (13.03.2013)</span></h1>

<div class="post">

<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>

<p><a href="#">Read next</a></p>

</div>

<h1><a href="#">Title </a><span> (13.03.2013)</span></h1>

<div class="post">

<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>

<p><a href="#">Read next</a></p>

</div>

<h1><a href="#">Title </a><span> (13.03.2013)</span></h1>

<div class="post">

<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>

<p><a href="#">Read next</a></p>

</div>

</div>

</div>

<div class="sidebar">

</div>

<div class="sidebar2">

</div>

<div class="footer">

<div class="cpy"

<p>Kiber-bs.org <br />

Все права зашишены. <br />

E-mail: support@kiber-bs.org

</p>

</div>

</div>

</body>

</html>

вот хД

[mrnobody]

http://img594.images...30331221838.png ну вроде все правильно показывает — 1500px.

http://fiddle.jshell.net/gLnKJ/show/

Код вставляйте через теги

, а лучше сюда — http://jsfiddle.net/

Edited March 31, 2013 by mrnobody

[aleksej]

теперь немного другая проблема, размер фона у меня стал, как надо, но только под ним огромный пробел, так вот как мне уменьшить размер сайта, а не фона?))

[Justnewone]

не надо вставлять больше код смоделируйте на http://jsfiddle.net/

[aleksej]

можно ответить поточнее, я не понимаю, что за сайт вы мне даете и что там делать, мне нужно просто узнать, как задать размер сайту и все!

[Justnewone]

тогда удачи