X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> горизонтальный фрейм
Semenovich
Semenovich
Topic Starter сообщение 30.12.2010, 20:44; Ответить: Semenovich
Сообщение #1


в ие и в мазиле присутствует горизонтальный фрейм и правая часть сайта имеет щель, в опере этого фрейма нет. в чем может быть причина?[CSS]* {
margin: 0;
padding: 0;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
}

a:link {
text-decoration: none;
color: #990000;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: underline;
color: #CC3333;
}
a:active {
text-decoration: none;
color: #FF3F00;
}



/* Begin of styles for the demonstration (you can remove them) */
a.expand {
width: 150px;
display: block;
margin: 10px 0 0;
}
a.expand:hover {
height: 500px;
}
/* End of of styles for the demonstration */

img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 100%;
min-width: 1000px;
background:#FFCC66;
}
.taims p{ font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;
color:#2C7780;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
background-color:#FFCC66;
height:200px;
background-image: url(image/fon.jpg);
background-repeat:no-repeat;
}




#hars li{ display:inline;
margin-right:20px;
z-index:auto;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
border-left: 250px solid #FFCC66;
border-right: 250px solid #FFCC66;
height: 1%;
position: relative;

}
#hars {height:30px;
background:#FFCC66;
width:100%;
margin-left:0;
margin-top:0;
}

#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
background-color:#CCFF66;
height:500px;
width:100%;
float:left;
border:0px solid;

margin-right: -100%;

}

#u_vL {
z-index:auto;
float:left;
margin-left:0px;
margin-top:0px;
border:0px solid;
}

#u_vR {
z-index:auto;
float:right;
margin-right:0px;
margin-top:0px;

}

#u_nL {
margin:0px;
padding:0px;
z-index:auto;
float:left;
margin-left:0px;
margin-top:223px;

}

#u_nR {
z-index:auto;
margin-right:0px;
float:right;
margin-top:223px;

}

#content {
float:left;

padding: 0 40px;
}

H1 { font-size:22px;
color:#AA773D; padding: 20px;
large Georgia, "Times New Roman", Times, serif;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
background-image:url(image/fon_1.gif);
background-repeat:no-repeat;
float: left;
width: 250px;
position: relative;

left: -250px;
margin:0px;
padding:0px;
border:0;
}

h3 { color: #678922; font-size:13px; margin:2px; padding:5px font-family:Georgia, "Times New Roman", Times, serif;

}
h4 { color:#00BF55; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;

}
.nev p { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif;
}
.nev_1 p { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif;
margin-right:40px;

}


/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
background-image:url(image/fon_1a.gif);
background-repeat:no-repeat;
float: right;
margin-right: -250px;
width: 250px;
position: relative;
margin-right: -260px;

}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
height: 50px;
background-color:#CCFF66;
}
#hars_1 {height:20px;
background:#CCFF66;
width:90%;

}
#hars_1 li{ display:inline;
margin-right:20px;

z-index:auto;
}[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 31.12.2010, 0:33; Ответить: Letmetouchyou
Сообщение #2


а где HTML код?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 31.12.2010, 4:14; Ответить: Semenovich
Сообщение #3


(Letmetouchyou @ 31.12.2010, 02:33) *
а где HTML код?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Сайт</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]-->
<style type="text/css">
<!--

--
>
</style>
</head>

<body>
<div id="wrapper">
<div id="header">

</div><!-- #header-->
<div id="middle" align="center">
<div id="hars" align="center"><ul>
<li><a href="index.html">|Главная|</a></li>
<li><a href="index.html">||</a></li>
<li><a href="index.html">||</a></li>
<li><a href="index.html">||</a></li>
<li><a href="index.html">||</a></li>
<li><a href="mailto:zagumysergej@yandex.ru">|Oбратная связь|</a></li></p>
</ul></div>

<div id="container" class="container">
<div id="u_vL"><img src="image/u_vL.jpg"></div>
<div id="u_vR"><img src="image/u_vR.jpg"></div>

<div id="content"><strong>
<h1 align="center"></h1>
</strong><br>
<span class="taims"><p align="justify"
style="text-indent:45px;">
</p>
</span>
</div>
<!-- #content-->



</div>
<!-- #container-->
<div class="sidebar" id="sideLeft" style="text-indent:20px;"><br>
<strong style="text-indent:0px;"><h3 align="center"></h3></strong>
<br>
<strong style="text-indent:0px;"><h4 align="center"></h4></strong>
<br>
<div class="nev" align="left">

<!-- .sidebar#sideLeft -->
<div id="sideRight" style="text-indent:0px;" align="right"><br>
<h3 style="text-indent:0px;" align="center"></h3>
<br>
<h4 style="text-indent:0px;" align="center"></h4>
<br>
<div class="nev_1">

<p>&nbsp;</p>
</div>
</div>
<!-- .sidebar#sideRight -->
</div>
<!-- #middle-->

<div id="footer" align="center">
<div id="hars_1" align="center"><ul><br>

</div>
<!-- #footer -->

</div><!-- #wrapper -->
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 31.12.2010, 5:40; Ответить: Letmetouchyou
Сообщение #4


и где тут фрейм?)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 31.12.2010, 11:54; Ответить: Semenovich
Сообщение #5


(Letmetouchyou @ 31.12.2010, 07:40) *
и где тут фрейм?)
фрейм появляется на мониторе, чего не нужно, потому что появляется щель между боком монитора и сайтом. а в опере этого казуса нет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 31.12.2010, 18:24; Ответить: Letmetouchyou
Сообщение #6


я еше раз говорю, там нету ФРЕЙМА
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 31.12.2010, 19:08; Ответить: Semenovich
Сообщение #7


(Letmetouchyou @ 31.12.2010, 20:24) *
я еше раз говорю, там нету ФРЕЙМА

ну не фрейм а прокрутка.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 31.12.2010, 20:39; Ответить: MetSerp
Сообщение #8


(Semenovich @ 31.12.2010, 21:08) *
ну не фрейм а прокрутка.

действительно какая разница, крокодил или тапочек.
проверьте отступы у элементов, я с недобука, потому неудобно ковыряца.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 31.12.2010, 21:33; Ответить: Semenovich
Сообщение #9


(MetSerp @ 31.12.2010, 22:39) *
действительно какая разница, крокодил или тапочек.
проверьте отступы у элементов, я с недобука, потому неудобно ковыряца.
Когда меняю значение margin-right: -260px; на -250 то прокрутка изчезает, но сайтбар прилипает к контейнеру.
[CSS]#sideRight {
background-image:url(image/fon_1a.gif);
background-repeat:no-repeat;
float: right;
margin-right: -240px;
width: 250px;
position: relative;
margin-right: -260px;[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 1.1.2011, 2:33; Ответить: MetSerp
Сообщение #10


это потому что контент плавающий у вас, выставьте ему padding-left равным ширине левого от него блока + нужный вам отступ.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 23.4.2024, 11:09
Дизайн