Спустя 2 часа, 54 минуты, 3 секунды (15.09.2012 - 14:41) inpost написал(а):
Я дам ответ, а ты заметь всю курьёзность ситуации.
Проблема в стилях, ты для класса "content" дал свойство width 101%.
А как иначе, это мне подсказала кофейная гуща, по которой я гадал!
Проблема в стилях, ты для класса "content" дал свойство width 101%.
А как иначе, это мне подсказала кофейная гуща, по которой я гадал!
Спустя 5 минут, 47 секунд (15.09.2012 - 14:47) Error_49 написал(а):
Вот HTML
CSS
<?php
header("Content-Type: text/html; charset=utf-8");
include ("blocks/db.php");
$result = mysql_query ("SELECT title,dome_n_ame FROM main WHERE page = 'index'");
$myrow = mysql_fetch_array($result);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title><?php echo $myrow["title"]; ?></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style/css.css" type="text/css" media="screen, projection" />
<script type="text/javascript" src="javascript/jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function() {
var WrapperHeight = $('#wrapper').css('height');
WrapperHeight = parseInt(WrapperHeight, 10)
var KBlock = $('.block');
var KArticle = $('.article');
if (KBlock.length >= KArticle.length ){
HBlock = KBlock.length * 245;
}
else {
HBlock = KArticle.length * 245;
}
var s =0;
s = HBlock + WrapperHeight;
$("#wrapper").css("height",s);
});
</script>
</head>
<body>
<div id="wrapper" <style type="text/css"></style>
<?php include ("blocks/header.php"); ?>
<div id="menu">
<ul>
<li>
<a href="#">Главная</a>
</li>
<li>
<a href="#">Скачать</a>
</li>
<li>
<a href="#">Форум</a>
</li>
<li>
<a href="#">Статьи</a>
</li>
<li>
<a href="#">О нас</a>
</li>
</ul>
</div><!-- #menu-->
<div id = "conteiner_big">
<div id="middle">
<div id="container">
<div id="content">
<?php $result= mysql_query('SELECT id,text_mini,name,date,rubrika,img_mini,all_text,autor FROM aricle_index');
$myrow = mysql_fetch_array ($result);
do { printf ("
<div class='article'>
<div> <img class='avatar_article' src='%s' width='64px' height='64px'>
<p class='name_article'><a href='#'>%s</a></p></div>
<p class='autor_article' >Автор :
<p class='autor_name'> %s </p>
</p>
<p class='add_article'>Добавлен :
<p class='date_article'>%s</p>
</p>
<b><p class='rubrika_article'>Рубрика :
<p class='rubrika_name'> %s </p>
</p>
</b>
<div class='line_article'><img src='img/line_article.png'></div>
%s
</div> <!--#article--> " , $myrow['img_mini'],$myrow['name'],$myrow['autor'],$myrow['date'],$myrow['rubrika'],$myrow['text_mini']);
}
while ($myrow = mysql_fetch_array ($result));
?>
</div><!-- #content-->
</div><!-- #container-->
<?php include("blocks/sideleft.php"); ?>
</div><!-- #middle-->
</div><!-- #conteiner_big -->
<?php include ("blocks/footer.php"); ?>
</div><!-- #wrapper -->
</body>
</html>
CSS
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
background-color:#525151;
}
a {
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 1000px;
margin: 0 auto;
height:60px;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
background-image: linear-gradient(bottom, rgb(216,137,0) 10%, rgb(216,137,0) 100%, rgb(242,150,22) 47%);
background-image: -o-linear-gradient(bottom, rgb(216,137,0) 10%, rgb(216,137,0) 100%, rgb(242,150,22) 47%);
background-image: -moz-linear-gradient(bottom, rgb(216,137,0) 10%, rgb(216,137,0) 100%, rgb(242,150,22) 47%);
background-image: -webkit-linear-gradient(bottom, rgb(216,137,0) 10%, rgb(216,137,0) 100%, rgb(242,150,22) 47%);
background-image: -ms-linear-gradient(bottom, rgb(216,137,0) 10%, rgb(216,137,0) 100%, rgb(242,150,22) 47%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.1, rgb(216,137,0)),
color-stop(1, rgb(216,137,0)),
color-stop(0.47, rgb(242,150,22))
);
margin:65px 0 30px 0;
height: 180px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#logo {
position:relative;
top:-80px;
left:30px;
}
#line_head {
position:relative;
top:90px;
left:210px;
}
#fon_login {
position:relative;
top:-240px;
left:725px;
}
#head_text{
position:relative;
top:-345px;
left:270px;
font-size:32px;
font-family:cambria;
}
#sitename{
position:relative;
top:-340px;
left:480px;
font-size:32px;
font-family:cambria;
}
/* Menu
-----------------------------------------------------------------------------*/
#menu {
background-color:#b3b0ae;
height:60px;
width:1000px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:30px;
}
#menu ul li {
position: relative;
display:inline;
font-size:36px;
font-family:Segoe Print;
top: 20px;
left:20px;
margin-left: 10px;
}
#menu ul li a {
color:#6a501f;
}
#menu ul li a:link {
text-decoration: none;
}
#menu ul li a:hover {
text-decoration: underline;
}
#menu ul li a:visited {
text-decoration: underline;
}
/* Conteiner_big
-----------------------------------------------------------------------------*/
#conteiner_big {
background-image: linear-gradient(bottom, rgb(139,137,137) 10%, rgb(139,137,137) 100%, rgb(168,163,163) 47%);
background-image: -o-linear-gradient(bottom, rgb(139,137,137) 10%, rgb(139,137,137) 100%, rgb(168,163,163) 47%);
background-image: -moz-linear-gradient(bottom, rgb(139,137,137) 10%, rgb(139,137,137) 100%, rgb(168,163,163) 47%);
background-image: -webkit-linear-gradient(bottom, rgb(139,137,137) 10%, rgb(139,137,137) 100%, rgb(168,163,163) 47%);
background-image: -ms-linear-gradient(bottom, rgb(139,137,137) 10%, rgb(139,137,137) 100%, rgb(168,163,163) 47%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.1, rgb(139,137,137)),
color-stop(1, rgb(139,137,137)),
color-stop(0.47, rgb(168,163,163))
);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
min-height:100%;
height:100%;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 0 0 270px;
}
.article {
min-height:200px;
margin-right:20px;
margin-top:30px;
background-color:#afacac;
border:1px #bebdbd solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}
.avatar_article {
border:2px black solid;
margin-left:20px;
margin-top:10px;
margin-bottom:-8px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}
.name_article{
font-size:24px;
font-family:Segoe Print;
color:#6a501f;
position:relative;
float:right;
left:-70px;
top:15px;
}
.name_article a {
color:#6a501f;
}
.autor_article{
font-size:14px;
font-family:Verdana;
color:#4f4a49;
position:relative;
float:right;
left:-550px;
top:-35px;
}
.add_article{
font-size:14px;
font-family:Verdana;
color:#4f4a49;
position:relative;
float:right;
left:-380px;
top:-34px;
}
.rubrika_article{
font-size:18px;
font-family:Verdana;
color:#4f4a49;
position:relative;
float:right;
left:50px;
top:-42px;
}
.rubrika_name{
font-size:18px;
font-family:Verdana;
color:#466193;
position:relative;
float:right;
left:215px;
top:-42px;
}
.autor_name {
font-size:14px;
font-family:Verdana;
color:#466193;
position:relative;
float:right;
left:-400px;
top:-34px;
}
.date_article {
font-size:14px;
font-family:Verdana;
color:#466193;
position:relative;
float:right;
left:-205px;
top:-34px;
}
.line_article{
position:relative;
top:-48px;
margin-left:-5px;
}
.text_article {
position:relative;
top:-35px;
font-size:14px;
color:#3e3e3e;
margin:0px 10px -40px 20px;
}
.text_article a{
color:#466193;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
height:100%;
width: 220px;
margin-left: -100%;
}
.block {
height:200px;
position: relative;
background-color: #afacac;
margin-top:30px;
left:20px;
border:1px #bebdbd solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.name_block {
margin-top:8px;
margin-bottom:8px;
font-size:32px;
font-family:Segoe Print;
color:#6a501f;
text-align:center;
}
.line_block{
margin-left:10px;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 1000px;
margin: -100px auto 0;
height: 50px;
position: absolute;
}
#copy {
position: relative;
font-size: 14px;
font-family: Cambria;
color: #656565;
left:830px;
top: 50px;
}
Спустя 5 минут, 59 секунд (15.09.2012 - 14:53) inpost написал(а):
Это хорошо! Но давай иначе, выстави в сети и дай ссылку. Так не удобно смотреть! Я гляну через HTML-инспектор.
Спустя 2 дня, 21 час, 34 минуты, 3 секунды (18.09.2012 - 12:27) verboviy_mikro написал(а):
какое разширение монитора? ты ставишь статическую ширина 1000px, она не вылазит за твои рамки?