В Firefox все слои длинее. чем в IE

imariki · April 2, 2009

Почему в Firefox почти все слои выглядят длинее (по высоте), чем в Internet Explorer? Хотя в ИЕ высота жёстко задана. Padding не ставил. Но в некоторых ячейках не так мало информации? :huh:

s0rr0w · April 3, 2009

imariki said:
Почему в Firefox почти все слои выглядят длинее (по высоте), чем в Internet Explorer? Хотя в ИЕ высота жёстко задана. Padding не ставил. Но в некоторых ячейках не так мало информации?

Длиннее по высоте? Это как? Глубже в ширину? Шире в высоту?

И скриншоты где? Или вы думаете, что вам сходу тут р-раз, и телепаты прочитали ваши мысли и выдали ответы на все ваши вопросы, в том числе незаданные?

http://www.w3.org/TR/CSS21/box.html#collapsing-margins

Это мое телепатическое предсказание.

Searcher · April 3, 2009

imariki said:
...Хотя в ИЕ высота жёстко задана...

Так в ИЕ высота задана, вот Firefox и показывает как хочет :huh:

Код покажите.

imariki · April 3, 2009

Вот HTML код. Там самый верхний слой и подвал длиннее всех. :huh:

<!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">
<script language="JavaScript"
        src="http://link.times.lv/voting2/static/cookie.js">
</script>
<title>imariki.times.lv - Главная страница</title>
<style type="text/css">
BODY { 
 margin: 0; 
}

#top {
 color: white; 
 background: #FFFFCC;
 margin-bottom: 10px;
 border-bottom: 1px solid #FFCC33;
}

#leftcol { 
 width: 200px; 
 float: left; 
}

#leftcol2 { 
 width: 198px; 
 height: 21px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
}

#leftcol3 { 
 width: 197px; 
 color: black;
 background: #FFFFCC;
 padding-top: 10px;
 padding-left: 3px;
 padding-bottom: 5px;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
}

#leftcol4 { 
 width: 197px; 
 height: 20px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
 margin-top: 10px;
 border-top: 1px solid #FFCC33;
 border-right: 1px solid #FFCC33;
}

#leftcol5 {
 width: 200px; 
 color: black;
 padding-top: 15px;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
}

#leftcol6 { 
 width: 197px; 
 height: 20px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
 margin-top: 10px;
 border-top: 1px solid #FFCC33;
 border-right: 1px solid #FFCC33;
}

#leftcol7 {
 width: 200px; 
 color: black;
 background: #FFFFCC;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
}

#centercol { 
 margin-left: 210px;
 margin-right: 260px;
}

#centercol2 { 
 height: 21px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
}

#centercol3 { 
 height: 680px;
 background: #FFFFCC; 
 border-left: 1px solid #FFCC33;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
 padding-top: 3px;
 padding-left: 5px;
 padding-right: 5px;
}

#rightcol { 
 width: 250px; 
 height: 700px;
 float: right; 
 color: white; 
}

#rightcol2 { 
 width: 247px;
 height: 20px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
}

#rightcol3 { 
 width: 244px; 
 color: black; 
 background: #FFFFCC; 
 padding-left: 3px;
 padding-right: 3px;
 padding-bottom: 5px;
 padding-top: 3px;
 border-left: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
}

#bottom {
 color: white; 
 background: #FFCC33; 
 margin-top: 10px;
}

.fontsize {
 padding: 0px; 
 margin: 0;
 font-family: Helvetica, Arial, 'Times New Roman';
 font-size: 16px;
}

.fontsize2 { 
 font-family: Helvetica, Arial, 'Times New Roman';
 font-size: 12px;
}

.fontsize3 { 
 font-size: 12px;
 font-family: 'New Times Roman';
}
</style>
</head>
<body>
<table id="top" width="100%">
<tr>
<td align="left" colspan="2" width="100%">
 <p align="left"><img src="logo_imariki_times_lv.gif" alt="www.imariki.times.lv"></p>
</td>
<td width="100%">
 <center>
 <script src="http://hosting.times.lv/js/bx.js"></script>
 </center>
</td>
</tr>
</table>
 <div id="leftcol">
 <div id="leftcol2">
 <p class="fontsize"><b>РАЗДЕЛЫ</b></p>
 </div>
 <div id="leftcol3">
 <p class="fontsize2">Главная<br>Новости<br>О сайте<br>Обо мне<br><a href="http://link.times.lv/forum2/index.php?f=imariki">Форум</a><br>The Sims<br>Создание дома<br>Коды<br>Программы<br>Файлы<br>Вопросы и Ответы</p>
</div>
<div id="leftcol4">
 <p class="fontsize"><b>ОБРАТНАЯ СВЯЗЬ</b></p>
 </div>
<div id="leftcol5">
<center>
<!--
Skype 'Мой статус' button
[url="http://www.skype.com/go/skypebuttons"]http://www.skype.com/go/skypebuttons[/url]
-->
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:i.marik.i?call"><img src="http://mystatus.skype.com/bigclassic/i%2Emarik.i" style="border: none;" width="182" height="44" alt="Мой статус" /></a>
</center>
</div>
<div id="leftcol6">
 <p class="fontsize"><b>ГОЛОСОВАНИЕ</b></p>
 </div>
 <div id="leftcol7">
 <script language="JavaScript"
        src="http://link.times.lv/voting2/static/19266/index.js">
</script>
</div>
</div>
 <div id="rightcol">
 <div id="rightcol2">
 <p class="fontsize"><b>СОЗДАНИЕ ДОМА</b></p>
 </div>
 <div id="rightcol3">
<p class="fontsize2" align="left">
<img src="img_sd.jpg" align="left" border="0" hspace="2">Многим тяжело создавать дом для семьи и не могут сконцетрироваться на дизайне. Бывает такое, что они даже пытаются построить красивый дом уже целый день! (В зависимости размера дома) И даже не успевают поиграть в саму игру The Sims:)  Конечно хочется построить такой дом, чтобы он отличался от других. Вы можете за 10 минут прочитать 5 шагов и придумать себе новый дом без всяких мучений. Думаю, что у вас появится много идей. У вас получится заполнить весь посёлок новыми домами и даже придумать красивые здания для Даунтауна.</p>
<p class="fontsize2" align="center">Перейти в раздел <a href="Sozdanije doma/sd.html">Создание дома</a></p>
</div>
</div>
 <div id="centercol">
 <div id="centercol2">
 <p class="fontsize"><b>ГЛАВНАЯ СТРАНИЦА</b></p>
 </div>
 <div id="centercol3">
<p class="fontsize" align="center"><b>Здраствуйте!<br> Добро пожаловать на мой сайт!</b></p><p class="fontsize2" align="justify"><br>Наконец-то я обновил свой сайт! Теперь сменился дизайн сайта и стало легче перемещаться с одной страницы на другую. Обещаю по больше информации и разных файлов. Как видите теперь можно зайти на мой форум, обязательно отвечу на любые вопросы касающие игры The Sims. В форуме есть и другие темы на которых вы можете общаться с другими пользователями. Пока что, вы увидете только дома, возможно обои и полы, но вот объекты будут далеко не скоро. К сожалению, никакой информации о Sims 2 на сайте не будет. Зато буду размещать некоторые файлы для SimCity 3000. Если вы играете в эти игры, то вы можете найти что-то интересное и даже скачивать файлы.</p>
 </div>
</div>
 <div id="bottom">
 <table  width="100%">
<tr>
<td align="left" colspan="2" width="300">
 <p class="fontsize"><b>Copyright© 2008-2009 imariki.times.lv</b></p>
</td>
<td>
 <p align= "right">
<a href="http://www.imariki.times.lv/" target="_blank"> <img src="animeban.gif" width=88 height=31 border=0 alt="imariki.times.lv"></a>
<script type="text/javascript" src="http://hosting.times.lv/js/support.js"></script>
 </p>
</td>
</tr>
</table>
</div>
</body>
</html>

Топик и Подвал сделаны из таблицы, я пробовал убирать <div> так как они находились в этом слою. В подвале я оставил <div>.

Searcher · April 3, 2009

Зачем таблицами шапка и подвал? Это все проще блоками сделать. Да и семантичнее.

У вас еще горизонтальный скролл появляется. Уберите в стилях указания ширины блоков, которые должны растягиваться по всей ширине родителя. Они по-умолчанию растягиваются, если не плавающие и не абсолютно спозиционированы. В первую очередь у rightcol3 уберите указание ширины, из-за него появляется горизонтальный скролл.

Я не нашел ни одного указания высоты подвала. К тому же это таблица и она растягивается по высоте содержимого. Как я говорил, лучше делать блоками. Внешний блок, а в него вложить два блока, у одного float:left; у другого float:right;

Не знаю почему, но в подвале в правой ячейке у тэга <p> появляются верхний и нижний марджины, что растягивает подвал в высоту. Не стал копаться глубже, но там <p> вообще не нужен.

imariki · April 3, 2009

Щас попробую! :huh:

imariki · April 3, 2009

У меня получилось так, что и в ИЕ, и в ФФ нету фона у подвала. Внутренние слои как-бы обтягивающие но внутри них есть фон.

Searcher · April 3, 2009

не понял... покажите новый код.

imariki · April 3, 2009

<!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">
<script language="JavaScript"
        src="http://link.times.lv/voting2/static/cookie.js">
</script>
<title>imariki.times.lv - Главная страница</title>
<style type="text/css">
BODY { 
 margin: 0; 
}

#top {
 color: white; 
 background: #FFFFCC;
 margin-bottom: 10px;
 border-bottom: 1px solid #FFCC33;
}

#leftcol { 
 width: 200px;
border-right: 1px solid #FFCC33; 
 float: left; 
}

#leftcol2 { 
 width: 198px; 
 height: 21px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
}

#leftcol3 { 
 width: 197px; 
 color: black;
 background: #FFFFCC;
 padding-top: 3px;
 padding-left: 3px;
 padding-bottom: 5px;
 border-bottom: 1px solid #FFCC33;
}

#leftcol4 { 
 width: 197px; 
 height: 20px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
 margin-top: 10px;
 border-top: 1px solid #FFCC33;
 border-right: 1px solid #FFCC33;
}

#leftcol5 {
 width: 200px; 
 color: black;
 padding-top: 15px;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
}

#leftcol6 { 
 width: 197px; 
 height: 20px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
 margin-top: 10px;
 border-top: 1px solid #FFCC33;
 border-right: 1px solid #FFCC33;
}

#leftcol7 {
 width: 200px; 
 color: black;
 background: #FFFFCC;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
}

#centercol { 
 margin-left: 210px;
 margin-right: 260px;
}

#centercol2 { 
 height: 21px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
}

#centercol3 { 
 height: 680px;
 background: #FFFFCC; 
 border-left: 1px solid #FFCC33;
 border-right: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
 padding-top: 3px;
 padding-left: 5px;
 padding-right: 5px;
}

#rightcol { 
 width: 250px; 
 height: 700px;
 float: right; 
 color: white; 
}

#rightcol2 { 
 width: 247px;
 height: 20px;
 color: white; 
 background: #FFCC33; 
 padding-left: 3px;
}

#rightcol3 { 
 color: black; 
 background: #FFFFCC; 
 padding-left: 3px;
 padding-right: 3px;
 padding-bottom: 5px;
 padding-top: 3px;
 border-left: 1px solid #FFCC33;
 border-bottom: 1px solid #FFCC33;
}

#bottom {
 color: white; 
 background: #FFCC33; 
 margin-top: 10px;
}

#bottom2 {
 color: white; 
 background: #FFCC33; 
 float: left;
 margin-top: 10px;
}

#bottom3 {
 color: white; 
 background: #FFCC33; 
 float: right;
 margin-top: 10px;
}
.fontsize {
 padding: 0px; 
 margin: 0;
 font-family: Helvetica, Arial, 'Times New Roman';
 font-size: 16px;
}

.fontsize2 { 
 font-family: Helvetica, Arial, 'Times New Roman';
 font-size: 12px;
}

.fontsize3 { 
 font-size: 12px;
 font-family: 'New Times Roman';
}
</style>
</head>
<body>
<table id="top" width="100%">
<tr>
<td align="left" colspan="2" width="100%">
 <p align="left"><img src="logo_imariki_times_lv.gif" alt="www.imariki.times.lv"></p>
</td>
<td width="100%">
 <center>
 <script src="http://hosting.times.lv/js/bx.js"></script>
 </center>
</td>
</tr>
</table>
 <div id="leftcol">
 <div id="leftcol2">
 <p class="fontsize"><b>РАЗДЕЛЫ</b></p>
 </div>
 <div id="leftcol3">
 <p class="fontsize2">Главная<br>Новости<br>О сайте<br>Обо мне<br><a 

href="http://link.times.lv/forum2/index.php?f=imariki">Форум</a><br>The Sims<br>Создание 

дома<br>Коды<br>Программы<br>Файлы<br>Вопросы и Ответы</p>
</div>
<div id="leftcol4">
 <p class="fontsize"><b>ОБРАТНАЯ СВЯЗЬ</b></p>
 </div>
<div id="leftcol5">
<center>
<!--
Skype 'Мой статус' button
[url="http://www.skype.com/go/skypebuttons"]http://www.skype.com/go/skypebuttons[/url]
-->
<script type="text/javascript" 

src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:i.marik.i?call"><img src="http://mystatus.skype.com/bigclassic/i%2Emarik.i" style="border: 

none;" width="182" height="44" alt="Мой статус" /></a>
</center>
</div>
<div id="leftcol6">
 <p class="fontsize"><b>ГОЛОСОВАНИЕ</b></p>
 </div>
 <div id="leftcol7">
 <script language="JavaScript"
        src="http://link.times.lv/voting2/static/19266/index.js">
</script>
</div>
</div>
 <div id="rightcol">
 <div id="rightcol2">
 <p class="fontsize"><b>СОЗДАНИЕ ДОМА</b></p>
 </div>
 <div id="rightcol3">
<p class="fontsize2" align="left">
<img src="img_sd.jpg" align="left" border="0" hspace="2">Многим тяжело создавать дом для семьи и не 

могут сконцетрироваться на дизайне. Бывает такое, что они даже пытаются построить красивый дом уже 

целый день! (В зависимости размера дома) И даже не успевают поиграть в саму игру The Sims:)  Конечно 

хочется построить такой дом, чтобы он отличался от других. Вы можете за 10 минут прочитать 5 шагов 

и придумать себе новый дом без всяких мучений. Думаю, что у вас появится много идей. У вас 

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

Даунтауна.</p>
<p class="fontsize2" align="center">Перейти в раздел <a href="Sozdanije doma/sd.html">Создание 

дома</a></p>
</div>
</div>
 <div id="centercol">
 <div id="centercol2">
 <p class="fontsize"><b>ГЛАВНАЯ СТРАНИЦА</b></p>
 </div>
 <div id="centercol3">
<p class="fontsize" align="center"><b>Здраствуйте!<br> Добро пожаловать на мой сайт!</b></p><p 

class="fontsize2" align="justify"><br>Наконец-то я обновил свой сайт! Теперь сменился дизайн сайта и 

стало легче перемещаться с одной страницы на другую. Обещаю по больше информации и разных 

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

игры The Sims. В форуме есть и другие темы на которых вы можете общаться с другими 

пользователями. Пока что, вы увидете только дома, возможно обои и полы, но вот объекты будут далеко 

не скоро. К сожалению, никакой информации о Sims 2 на сайте не будет. Зато буду размещать некоторые 

файлы для SimCity 3000. Если вы играете в эти игры, то вы можете найти что-то интересное и даже 

скачивать файлы.</p>
 </div>
</div>
 <div id="bottom">
<div id="bottom2">
 <p class="fontsize"><b>Copyright© 2008-2009 imariki.times.lv</b></p>
</div>
<div id="bottom3">
<a href="http://www.imariki.times.lv/" target="_blank"> <img src="animeban.gif" width=88 height=31 border=0 

alt="imariki.times.lv"></a>
<script type="text/javascript" src="http://hosting.times.lv/js/support.js"></script>
</div>
</div>
</body>
</html>

Searcher · April 3, 2009

в #bottom надо добавить overflow:hidden;

imariki · April 3, 2009

Спасибо, уже лучше! Только вот как выровнить текст по высоте? :huh:

Searcher · April 3, 2009

Почитайте внимательно про css и меньше необходимости будет тут писать.

Еще все свойства css тоже изучите.

imariki · April 3, 2009

Постараюсь решить проблему, надеюсь, что получится. :huh:

Edited April 3, 2009 by imariki

imariki · April 4, 2009

А МОЖЕТ КТО-НИДУДЬ ВСЁ-ТАКИ ПОМОЖЕТ??? :huh: :)

Justnewone · April 4, 2009

imariki said:
А МОЖЕТ КТО-НИДУДЬ ВСЁ-ТАКИ ПОМОЖЕТ??? :)

Если бы Вы вчера сели, и тупо начали читать спецификацию CSS на русском языке, я Вас уверяю. Вы бы не то что свою проблему решили, Вы бы уже могли тут советы по CSS раздавать.

Edited April 4, 2009 by Justnewone

imariki · April 4, 2009

Ладно, я буду читать и только тогда отвечу. :huh:

imariki · April 4, 2009

Всё перечитал. :huh: Удалось только в топике изменить высоту, я поместил логотип в background и установил ей выравнивание по середине. Вот только таким способом получилось уменьшить высоту...

Осталось ещё боковые слои уменьшить. #colleft и #colright, у них одинаковый отступ (padding) сверху и снизу от текста, а как от них избавиться я не знаю.

Justnewone · April 4, 2009

imariki said:
Всё перечитал. Удалось только в топике изменить высоту, я поместил логотип в background и установил ей выравнивание по середине. Вот только таким способом получилось уменьшить высоту...
Осталось ещё боковые слои уменьшить. #colleft и #colright, у них одинаковый отступ (padding) сверху и снизу от текста, а как от них избавиться я не знаю.

Еще раз читаем, Вы же и не думали, что удастся самостоятельно в топике изменить? Получилось ))) Полнее чем там, по CSS Вы нигде не найдете информацию.

imariki · April 5, 2009

Забыл сказать, что прочитал весь справочник по CSS на htmlbook.ru. Теперь только начинаю читать то, что Вы мне предложили.

Николаич · April 6, 2009

Извините, с темой немного ошибся, думаю. Удалите, пожалуйста.

Edited April 6, 2009 by Николаич

imariki · April 6, 2009

У меня осталась последняя проблема. Я не знаю как убрать нижний отступ в слое #leftcol5, там как раз под скриптом появляется отступ в IE, а в FF его нет.

Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript"
src="http://link.times.lv/voting2/static/cookie.js">
</script>
<title>imariki.times.lv - Главная страница</title>
<style type="text/css">
BODY {
margin: 0;
}

#top {
color: white;
background: #FFFFCC;
overflow:hidden;
margin-bottom: 10px;
border-bottom: 1px solid #FFCC33;
}

#top2 {
width: 470px;
height: 80px;
color: white;
background: #FFFFCC;
background-image: url('logo_imariki_times_lv.gif'); /* Путь к фоновому рисунку */
background-position: left center; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */
float: left;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
}

#top3 {
color: white;
background: #FFFFCC;
padding-top: 10px;
padding-bottom: 8px;
}

#leftcol {
height: 700px;
width: 200px;
float: left;
}

#leftcol2 {
width: 198px;
height: 21px;
color: white;
background: #FFCC33;
padding-left: 3px;
}

#leftcol3 {
width: 185px;
color: black;
background: #FFFFCC;
padding-top: 0px;
padding-left: 15px;
padding-bottom: 0px;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
}

#leftcol4 {
width: 197px;
height: 20px;
color: white;
background: #FFCC33;
padding-left: 3px;
margin-top: 10px;
border-top: 1px solid #FFCC33;
border-right: 1px solid #FFCC33;
}

#leftcol5 {
width: 200px;
padding-top: 0px;
padding-bottom: none;
background: #FFFFCC;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
}

#leftcol6 {
width: 197px;
height: 20px;
color: white;
background: #FFCC33;
padding-left: 3px;
margin-top: 10px;
border-top: 1px solid #FFCC33;
border-right: 1px solid #FFCC33;
}

#leftcol7 {
width: 200px;
height: 50px;
color: black;
padding-top: 15px;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
}

#centercol {
margin-left: 210px;
margin-right: 260px;
}

#centercol2 {
height: 21px;
color: white;
background: #FFCC33;
padding-left: 3px;
}

#centercol3 {
height: 680px;
background: #FFFFCC;
border-left: 1px solid #FFCC33;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
}

#rightcol {
width: 250px;
float: right;
color: white;
}

#rightcol2 {
width: 247px;
height: 20px;
color: white;
background: #FFCC33;
padding-left: 3px;
}

#rightcol3 {
width: 243px;
color: black;
background: #FFFFCC;
overflow: hiden;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 0px;
border-left: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
}

#bottom {
color: white;
background: #FFCC33;
overflow:hidden;
margin-top: 10px;
padding-top: 5px;
}

#bottom2 {
color: white;
background: #FFCC33;
float: left;
padding-left: 3px;
padding-top: 5px;
}

#bottom3 {
color: white;
background: #FFCC33;
float: right;
}

.fontsize {
padding: 0px;
margin: 0;
font-family: Helvetica, Arial, 'Times New Roman';
font-size: 16px;
}

.fontsize2 {
font-family: Helvetica, Arial, 'Times New Roman';
font-size: 12px;
}

.fontsize3 {
font-size: 12px;
font-family: 'New Times Roman';
}
</style>
</head>
<body>
<div id="top">
<div id="top2">
</div>
<div id="top3">
<center>
<script src="http://hosting.times.lv/js/bx.js"></script>
</center>
</div>
</div>
<div id="leftcol">
<div id="leftcol2">
<p class="fontsize"><b>РАЗДЕЛЫ</b></p>
</div>
<div id="leftcol3" class="fontsize2">
<table>
<tr>
<td>
Главная<br>Новости<br>О сайте<br>Обо мне<br><a
href="http://link.times.lv/forum2/index.php?f=imariki">Форум</a><br>The Sims<br>Создание
дома<br>Коды<br>Программы<br>Файлы<br>Вопросы и Ответы
</td>
</tr>
</table>
</div>
<div id="leftcol4">
<p class="fontsize"><b>ГОЛОСОВАНИЕ</b></p>
</div>
<div id="leftcol5">
<script language="JavaScript"
src="http://link.times.lv/voting2/static/19266/index.js">
</script>
</div>
<div id="leftcol6">
<p class="fontsize"><b>ОБРАТНАЯ СВЯЗЬ</b></p>
</div>
<div id="leftcol7">
<center>
<!--
Skype 'Мой статус' button
[url="http://www.skype.com/go/skypebuttons"]http://www.skype.com/go/skypebuttons[/url]
-->
<script type="text/javascript"

src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:i.marik.i?call"><img src="http://mystatus.skype.com/bigclassic/i%2Emarik.i" style="border:

none;" width="182" height="44" alt="Мой статус" /></a>
</center>
</div>
</div>
<div id="rightcol">
<div id="rightcol2">
<p class="fontsize"><b>СОЗДАНИЕ ДОМА</b></p>
</div>
<div id="rightcol3" class="fontsize2">
<table>
<tr>
<td>
<img src="img_sd.jpg" align="left" border="0" hspace="2">Многим тяжело создавать дом для семьи и не
могут сконцетрироваться на дизайне. Бывает такое, что они даже пытаются построить красивый дом

уже
целый день! (В зависимости размера дома) И даже не успевают поиграть в саму игру The Sims:)

Конечно
хочется построить такой дом, чтобы он отличался от других. Вы можете за 10 минут прочитать 5 шагов
и придумать себе новый дом без всяких мучений. Думаю, что у вас появится много идей. У вас
получится заполнить весь посёлок новыми домами и даже придумать красивые здания для
Даунтауна.
<br><br>Перейти в раздел <a href="Sozdanije doma/sd.html">Создание
дома</a>
</td>
</tr>
</table>
</div>
</div>
<div id="centercol">
<div id="centercol2">
<p class="fontsize"><b>ГЛАВНАЯ СТРАНИЦА</b></p>
</div>
<div id="centercol3">
<p class="fontsize" align="center"><b>Здраствуйте!<br> Добро пожаловать на мой сайт!</b></p><p
class="fontsize2" align="justify"><br>Наконец-то я обновил свой сайт! Теперь сменился дизайн сайта и
стало легче перемещаться с одной страницы на другую. Обещаю по больше информации и разных
файлов. Как видите теперь можно зайти на мой форум, обязательно отвечу на любые вопросы

касающие
игры The Sims. В форуме есть и другие темы на которых вы можете общаться с другими
пользователями. Пока что, вы увидете только дома, возможно обои и полы, но вот объекты будут

далеко
не скоро. К сожалению, никакой информации о Sims 2 на сайте не будет. Зато буду размещать

некоторые
файлы для SimCity 3000. Если вы играете в эти игры, то вы можете найти что-то интересное и даже
скачивать файлы.</p></div></div>
<div id="bottom">
<div id="bottom2">
<p class="fontsize"><b>Copyright© 2008-2009 imariki.times.lv</b></p></div>
<div id="bottom3">
<a href="http://www.imariki.times.lv/" target="_blank"> <img src="animeban.gif" width=88 height=31

border=0
alt="imariki.times.lv"></a>
<script type="text/javascript" src="http://hosting.times.lv/js/support.js"></script>
</div>
</div>
</body>
</html>

Searcher · April 7, 2009

В IE6 вообще все расползается... Разберитесь. Потом некоторые свойства можно записывать короче, например:

background: #FFFFCC;
background-image: url('logo_imariki_times_lv.gif'); /* Путь к фоновому рисунку */
background-position: left center; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */

можно записать в одну строку:

background: #FFFFCC url('logo_imariki_times_lv.gif') left center no-repeat;

или

padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 0px;

так:

padding-left: 0 3px;

imariki · April 7, 2009

Searcher said:
В IE6 вообще все расползается... Разберитесь.

А как я могу установить IE6 если у меня сейчас стоит IE7? Компьютер может заменить браузер и где я могу взять 6-ую версию браузера?

Justnewone · April 7, 2009

imariki said:
А как я могу установить IE6 если у меня сейчас стоит IE7? Компьютер может заменить браузер и где я могу взять 6-ую версию браузера?

Например, можно воспользоваться удаленным сервисом.

Или поставить локально.

Можно еще поднять виртуальную среду и в ней поставить XP с IE6 - это самое надежное, но и самое муторное. Первых двух вариантов хватит пока.

imariki · April 7, 2009

Justnewone said:
Например, можно воспользоваться удаленным сервисом.
Или поставить локально.
Можно еще поднять виртуальную среду и в ней поставить XP с IE6 - это самое надежное, но и самое муторное. Первых двух вариантов хватит пока.

Спасибо Justnewone, мне очень помогло! Но, пока всё равно остался этот нижний отступ в слое #leftcol5.

Edited April 7, 2009 by imariki

imariki · April 7, 2009

Я смог решить проблему!

Нужно было добавить в стили:

form {margin:0}

И собственно всё!

Всем огромное Спасибо, кто помог разобраться в этой теме!

Sign In

В Firefox все слои длинее. чем в IE

Question

Link to comment

Share on other sites

25 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information