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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Максимальная ширина страницы
Bucks
Bucks
Topic Starter сообщение 17.8.2010, 21:08; Ответить: Bucks
Сообщение #1


Как сделать максимальную ширину страницы?
Воспользовался вот таким кодом
#content {

height:100%;
background-color:#e5ecf6;
color:#fff;
width: expression(document.body.clientWidth < 760? "760px" : document.body.clientWidth > 1280? "1280px" : "auto");
min-width:760px;
max-width:1280px;
}

Но не работает
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 17.8.2010, 21:14; Ответить: RayOfLight
Сообщение #2


Bucks, ты так классно объясняешь :D
поставь width: 1280px; и радуйся :D
или что?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maxwad
maxwad
сообщение 17.8.2010, 21:20; Ответить: maxwad
Сообщение #3


Что значит, максимальная ширина страницы? ))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 17.8.2010, 21:50; Ответить: Bucks
Сообщение #4


Блин, короче...
У меня на странице почему-то можно двигать в право, а там то, конечно пусто, вот как эту шнягу убрать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 17.8.2010, 22:12; Ответить: Letmetouchyou
Сообщение #5


Bucks, тут шамонов с бубном нету, либо ссылку на страницу давай, либо показывай верстку
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anikitos
anikitos
сообщение 17.8.2010, 22:27; Ответить: anikitos
Сообщение #6


Убери этот код:
width: expression(document.body.clientWidth < 760? "760px" : document.body.clientWidth > 1280? "1280px" : "auto");


Поставь просто width:100%; и все, а то намудрил что-то не понятное :wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 17.8.2010, 22:59; Ответить: Bucks
Сообщение #7


anikitos, не из-за этого такая фигня
Вот ссылка http://www.anime.h1.ru/site/
или полностью код страницы
<!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" lang="en" xml:lang="en">
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>

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

<script type="text/javascript" src="index.js"></script>

<div id="top">

<a href="#" class="t1t" style="color: #000000;">Главная</a>
<div id="x1">
<div id="str1"><img src="img/str.png"></div>
<div id="t1r"><img src="img/button-right.gif"></div>
<div id="t1l"><img src="img/button-left.gif"></div>
</div>

<a href="#" class="t2t" onmouseover="overIt('x2','block')" onmouseout="overIt('x2','none')">О сайте</a>
<div id="x2" style="display:none">
<div id="str2"><img src="img/str.png"></div>
<div id="t2r"><img src="img/button-right.gif"></div>
<div id="t2l"><img src="img/button-left.gif"></div>
</div>

<a href="uslugi.htm" class="t3t" onmouseover="overIt('x3','block')" onmouseout="overIt('x3','none')">Услуги</a>
<div id="x3" style="display:none">
<div id="str3"><img src="img/str.png"></div>
<div id="t3r"><img src="img/button-right.gif"></div>
<div id="t3l"><img src="img/button-left.gif"></div>
</div>

<a href="kontakti.htm" class="t4t" onmouseover="overIt('x4','block')" onmouseout="overIt('x4','none')">Контакты</a>
<div id="x4" style="display:none">
<div id="str4"><img src="img/str.png"></div>
<div id="t4r"><img src="img/button-right.gif"></div>
<div id="t4l"><img src="img/button-left.gif"></div>
</div>

<a href="#" class="t5t" onmouseover="overIt('x5','block')" onmouseout="overIt('x5','none')">"Бизнес Успех"</a>
<div id="x5" style="display:none">
<div id="str5"><img src="img/str.png"></div>
<div id="t5r"><img src="img/button-right.gif"></div>
<div id="t5l"><img src="img/button-left.gif"></div>
</div>

<a href="send.php" class="t6t" onmouseover="overIt('x6','block')" onmouseout="overIt('x6','none')">Заявка</a>
<div id="x6" style="display:none">
<div id="str6"><img src="img/str.png"></div>
<div id="t6r"><img src="img/button-right.gif"></div>
<div id="t6l"><img src="img/button-left.gif"></div>
</div>

<div id="top1"><img src="img/top.png"></div>

</div>
<div id="str">
<div id="str11"><img src="img/str.png"></div>
<div id="str22"><img src="img/str.png" style="display:none"></div>
<div id="str33"><img src="img/str.png" style="display:none"></div>
<div id="str44"><img src="img/str.png" style="display:none"></div>
<div id="str55"><img src="img/str.png" style="display:none"></div>
</div>

<div id="top-top"><img src="img/top-top.png"></div>
<div id="rek"><img src="img/1.jpg"></div>
<div id="line-top"><img src="img/line-top.png"></div>





<script type="text/javascript">

function overIt(obj_,dis) {
var obj = document.getElementById(obj_);
obj.style.display=dis;
}
</script>

<div id=table>

<div id=tablezag>
<table class=zagalovok border=1 bordercolor=#B1C7E2 width=794 height=36 cellpadding=6 cellspacing=0 bgcolor=#e5ecf6 style="border-collapse:collapse">
<tr>
<td><span style="tab-interval:35.4pt"><span style='font-size:15.0pt;font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";mso-ansi-language:RU;mso-fareast-language:
RU;mso-bidi-language:AR-SA'>Учебно-кадровый центр &laquo;Бизнес-Успех&raquo;</span></span></td>
</tr>

</table>
</div>

<div id=tablec>
<table class=mytable border=1 bordercolor=#B1C7E2 width=794 height=100 cellpadding=6 cellspacing=0 bgcolor=#e5ecf6 style="border-collapse:collapse">
<tr>
<td><p>Учебно-кадровый центр &laquo;Бизнес-Успех&raquo; - одно из подразделений компании<span style='mso-spacerun:yes'>&nbsp; </span>&laquo;Бизнес-Успех&raquo;, осуществляет деятельность по
оказанию образовательных и кадровых услуг, как индивидуальных, так и
корпоративных. Мы работаем с предпринимателями и предприятиями, а также с<span style='mso-spacerun:yes'>&nbsp; </span>населением Архангельска, Северодвинска и
Новодвинска.</p>
<p>В своей деятельности УКЦ &laquo;Бизнес-Успех&raquo; руководствуется такими принципами
как компетентность и профессионализм, открытость и доступность, а также
системность и корпоративная культура. </p>
<p><strong><span style='font-size:11.0pt;font-weight:normal;mso-bidi-font-weight:
bold'>НАША МИССИЯ</span></strong>&nbsp;&mdash; обеспечение эффективного и
взаимовыгодного сотрудничества Работодателя и Соискателя в&nbsp;обширном
пространстве рынка труда.</p>
<p><strong>Принципы нашей работы</strong>:<br>
<br>
&bull;&nbsp;Индивидуальный подход;<br>
&bull;&nbsp;Инновационность;<br>
&bull;&nbsp;Конфиденциальность;<br>
&bull;&nbsp;Ответственность;<br>
&bull;&nbsp;Результативность<span style='font-size:10.0pt'>.</span></p>
<p>Учебно-кадровый центр &laquo;Бизнес-Успех&raquo; успешно осуществляет: </p>
<ul type=disc>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1;tab-stops:list 36.0pt'>профессиональный подбор
менеджеров высшего и среднего звена </li>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1;tab-stops:list 36.0pt'>активный поиск специалистов
по эксклюзивным заявкам работодателей </li>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1;tab-stops:list 36.0pt'>подбор квалифицированных
кадров разных специальностей </li>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1;tab-stops:list 36.0pt'>организация семинаров и
тренингов</li>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1;tab-stops:list 36.0pt'>организация корпоративного
обучения.</li>
</ul>
<span style='font-size:12.0pt;font-family:"Times New Roman";mso-fareast-font-family:
"Times New Roman";mso-ansi-language:RU;mso-fareast-language:RU;mso-bidi-language:
AR-SA'>Сегодня УКЦ &laquo;Бизнес-Успех&raquo; организует подготовку специалистов по
индивидуально разработанным программам, адаптированным к условиям коммпаний.</span></td>
</tr>

</table>
</div>

<div id="zag"><img src="img/3ag.png"></div>
</div>


<div id="pod">

<div class="tableb1">
<a href="rabot.htm" class="button1" onmouseover="overIt('b1s','block')" onmouseout="overIt('b1s','none')"></a>
<table class=b1t width="106" height="28" bordercolor=#B1C7E2 bgcolor=#FFFFFF style="border-collapse:collapse" border="1" cellpadding="6" cellspacing="0">
<tr>
<td><span style="tab-interval:35.4pt"><span style='font-size:10.0pt;font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";mso-ansi-language:RU;mso-fareast-language:
RU;mso-bidi-language:AR-SA'>Работодателю</span></span></td>
</tr>

</table>
</div>

<div class="tableb2">
<a href="rabot.htm" class="button2" onmouseover="overIt('b2s','block')" onmouseout="overIt('b2s','none')"></a>
<table class=b2t width="106" height="28" bordercolor=#B1C7E2 bgcolor=#FFFFFF style="border-collapse:collapse" border="1" cellpadding="6" cellspacing="0">
<tr>
<td><span style="tab-interval:35.4pt"><span style='font-size:10.0pt;font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";mso-ansi-language:RU;mso-fareast-language:
RU;mso-bidi-language:AR-SA'>Соискателю</span></span></td>
</tr>

</table>



</div>
<div id="b1s" style="display:none"><img src="img/str1.png"></div>
<div id="b2s" style="display:none"><img src="img/str1.png"></div>
<div id="b3s" style="display:none"><img src="img/str1.png"></div>
</div>





</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 17.8.2010, 23:14; Ответить: Flok
Сообщение #8


тут надо перерывать css.
скорее всего у какого-то элемента ширина получилась больше 100%.

ширина высчитывается по формуле width + padding-left + padding-right + иногда margin-left и иногда margin-right.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 17.8.2010, 23:56; Ответить: Bucks
Сообщение #9


padding и margin у меня в ccs нету
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anikitos
anikitos
сообщение 18.8.2010, 0:07; Ответить: anikitos
Сообщение #10


Хо-хо-хо. В общем смотри:

1) #str1{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 295px; } - этот блок имеет совокупную ширину 1280+295=1575px.

2) #str55{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 717px; } - аналогична проблема, 1280+717=1997px.

3) #str44{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 612px; } - аналогично.

4) #str33{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 507px; } - анаогично.

5) #str22{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 402px; } - тоже.

6) И вот это всё тоже:
#str2{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 400px; }
#str3{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 505px; }
#str4{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 610px; }
#str5{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 714px; }
#str6{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 819px; }
#str11{ position:absolute; height:12px; width:1280px; z-index: 3; top: 38px; left: 289px; }


7) Остается только не понятный <DIV id="top-top"><IMG src="./site_files/top-top.png"></DIV> который лезет в бок.

Мой вам совет, переберите весь код и нет ни чего позорного в том чтобы пользоваться html редакторами, они только упрощают работу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2834 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Вытащить страницы из кэша Яндекса
2 VostrVL 1914 11.1.2024, 23:07
автор: ЛаврионСергеевич
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1285 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
4 Lacomka 3389 21.2.2022, 8:43
автор: АлексейWEB
Открытая тема (нет новых ответов) Верстка и внедрение на сайт макета главной страницы
Требуется: с Figma на Laravel
2 ARsHi 1650 27.3.2021, 0:57
автор: Ogaelath


 



RSS Текстовая версия Сейчас: 29.3.2024, 1:34
Дизайн