Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#24 used as offset, casting to integer (24) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#27 used as offset, casting to integer (27) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Совместимость div с IE и Mozilla [3]
ТвойWeb ТвойWeb
Качественный Европейский хостинг
Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (3): « 1 2 [3] 

> Описание: Как сделать?
Antonio
Отправлено: 09 Июля, 2006 - 15:29:28
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




Ray Wen
Пикселами я выровнил края, т.е. задал height: 500px всем слоям, а вот как сделать чтобы они равнялись автоматически при забивании текстом?
 
 Top
Antonio
Отправлено: 21 Июля, 2006 - 06:40:44
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




Здаврова всем!
Ну че народ подскажет мне ответ на вопрос http://tvoyweb.ru/forums/topic.p...ge=10#1152471975
Дайте хоть наводку...
 
 Top
Ray Wen Администратор
Отправлено: 21 Июля, 2006 - 08:41:49
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




Antonio
В этом случае только хитрить с заливкой и подводить общую планку clear:both... по другому никак... хотя возможно и можно, но времени проверять это нету...
 
 Top
Antonio
Отправлено: 21 Июля, 2006 - 11:13:58
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




Ray Wen
Понятно, буду эксперементировать, но если у кого есть идеи пишите.
 
 Top
Antonio
Отправлено: 25 Июля, 2006 - 12:42:58
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




Вот кое что сделал, но теперь некорректно отображается в Фоксе и Опере, посмотрите недочеты, помогите разобраться что не так. Вот код:
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Misc</title>
<style type="text/css">
.m{
display:table;
width: 880px;
height: 700px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
position:relative;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
}
.le{
display:cell;
float:left;
width: 120px;
height: 100px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
top: 108px;
left: 2px;
margin-top: 2px;
text-align: left;
padding-left: 5px;
}
.r{
display:cell;
width: 748px;
height: 100%;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-top: 2px;
}
.g {
width: 874;
height: 10px;
font-size: 0px;
line-height: 0px;
border: 1px solid #000000;
}
.lb {
width: 874;
height: 80px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.l {
width: 200px;
height: 80px;
margin-left: 15px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.b {
width: 468px;
height: 60px;
border: 1px solid #000000;
font-family: Tahoma;
font-size: 11px;
color: #16285C;
position:absolute;
right:80px;
top:23px;
}
</style>
</head>
<body>
<div class="m">
<div class="g"></div>
<div class="lb">
<div class="l"></div>
<div class="b"></div>
</div>
<div class="g"></div>
<div class="le">("<BR>" 72 раза) 123</div>
<div class="r">("<BR>" 72 раза) 456</div>
</div>
</body>
</html>

Le и R должны тянуться и не выходить за пределы родительского слоя, и еще желательно чтобы Le и R тянулись вместе, завися друг от друга.
 
 Top
Ray Wen Администратор
Отправлено: 25 Июля, 2006 - 13:27:45
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




Почитай тут...
 
 Top
Antonio
Отправлено: 28 Июля, 2006 - 11:23:09
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




Вернулся почти к томуже от чего уходил, только теперь слои меню и содержания не вылазят за родительское окно, в опере осле и фоксе отображается одинаково, но немогу сделать чтобы слои меню и содержания зависели друг от друга, т.е если один слой высотой 600 px то и второй должен быть такимже. Вот код:
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<style type="text/css" media="screen">
#m {
width: 880px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #E7EAF5;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
}
#g {
width: 870;
height: 10px;
font-size: 0px;
line-height: 0px;
border: 1px solid #000000;
}
#w {
background: url(background.gif) repeat-y right;
}
#h {
height: 80px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
#c {
width: 100%;
height: 100%px;
background: url(background.gif) repeat-y right;
float: right;
margin-left: -200px;
}
#co {
margin-left: 200px;
margin-top: 2px;
margin-bottom: 2px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
font-family: Tahoma;
font-size: 11px;
color: #16285C;
}
#s {
width: 196px;
height: 600px;
float: left;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 2px;
font-family: Tahoma;
font-size: 11px;
color: #16285C;
}
#l {
width: 200px;
float: left;
height: 80px;
margin-left: 5px;
}
#b {
width: 468px;
height: 60px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
float: left;
margin-left: 100px;
margin-top: 10px;
font-family: Tahoma;
font-size: 11px;
color: #16285C;
}
#f {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
font-family: Tahoma;
font-size: 11px;
color: #16285C;
}
.c {
height: 0;
clear: both;
font-size: 0px;
line-height: 0px;
}
</style>
</head>

<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<div align="center">
<div id="m">
<div id="g"></div>
<div id="h">

<div id="l"></div>
<div id="b">Banner 468 x 60 px</div>

</div>
<div id="g">
<div align="right">
</div>
</div>
<div id="w">
<div id="c">
<div id="co">
<h1>content</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus varius eleifend tellus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla facilisi. Sed wisi lectus, placerat nec, mollis quis, posuere eget, arcu.</p>
Donec euismod. Praesent mauris mi, adipiscing non, mollis eget, adipiscing ac, erat. Integer nonummy mauris sit amet metus. In adipiscing, ligula ultrices dictum vehicula, eros turpis lacinia libero, sed aliquet urna diam sed tellus. Etiam semper sapien eget metus.
</div>
</div>

<div id="s">
<h1>sidebar</h1>
<ul>
<li>link one</li>
<li>link two</li>
</ul>
</div>
<div class="c">&nbsp;</div>
</div>

<div id="f">footer</div>
</div>
</div>
</body>
</html>
 
 Top
Страниц (3): « 1 2 [3]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0, скрытых: 0)
« CSS »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0352]     [ Gzipped ]