![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
PCSpeaker
-
Posts
16 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by PCSpeaker
-
-
А в чем именно извращение?
У меня довольно обыденная ситуация. Есть 2 колонки в которых по 4 дива (каждый из которых делает угол). Соответственно чтобы сделать нижний угол div должен принять родительскую высоту. А если эта высота меняется в зависимости от содержимого сайта, то как быть без javascript непонятно. Без стандарта просто ставлю высоту 100% всем ячейкам и таблице. Со стандартом же этот ход не проходит. Я сегодня уже часов 7 убил на всё это дело, переверстывая разными способами колонки одинаковой высоты. Так что готов даже с нуля переверстать, если вы подкините идею как это сделать по человечески.
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<style type="text/css">
.myclass {
height: 100%;
width: 100%;
background: #000000;
}
</style>
<table>
<tr>
<td valign="top" bgcolor="#00FF00">
aaa<br><br><br>aaa
</td>
<td valign="top" bgcolor="#FF0000">
<div class="myclass">mydiv</div>
</td>
</tr>
</html>Пока не выставил HTML 4.01 Transitional проблем с этим не было, но хотелось сделать так, чтобы работало в этом стандарте.
Задача - растянуть div под ячейку td в высоту.
Перепробовал много вариантов, в том числе вовсе отказаться от таблицы, используя методы колонок одинаковой высоты, но в них (в том числе вот в этом методе) меня постигла та же проблема. Колонки создаются, а дивы внутри них под них не растягиваются. А мне очень надо, так как ими у меня образуются уголки.
Помогите пожалуйста.
-
harrids, огромное спасибо! оно и вправду работает!
-
Ну вот хоть убейте 1 в 1 скопировал css harrids'а, а в опере только первая строчка правильно отображается, остальное всё в разнобой (см мою ссылку что я дал в прошлом посте, там уже сделано с css, что дал harrids). Там кстати еще текст залезает на эту подсказку, поэтому сделал z-index: 1; везде залезать друг на друга перестало, кроме эксплорера, который не понимает видимо этот параметр (тестировал в IE8).
p.s. если вы уже ходили по моей ссылке то не забудьте принудительно обновить страницу, так как css кэшируется.
-
Не работает.
Вот посмотрите хотя бы тут http://altkord.ru/groups/him/2065/8529/
Там сверху первая сточка в опере где нужно отображается, а нижняя строчка вообще не рядом с местом наведения.
-
Сделал так
.popup a:hover span {
visibility: visible;
height: 100%;
}В опере показываться стали все, но опять же не в том месте где нужно. Или я не туда высоту вставляю?
-
.popup a {
position:relative;
}
.popup a span{
position:absolute;
display: none;
top: 20px;
left: 20px;
z-index: 1;
background: #FFFFFF;
}
.popup a:hover span {
display: block;
}
Вот код страницы:
<span class="popup"><a href="">Ссылка<span>Всплывающий текст</span></a></span>Цель: при наведении мышкой появлется рядом с ней окошко в котором определенный текст.
В Firefox, Chorme и IE7 работает нормально, а вот в Opera часть (те элементы что снизу экрана) показывается не там где нужно (те что сверху экрана работают нормально), а в IE6 не работает вовсе. В чем моя ошибка? (Visibility пробовал использовать, ситуация не изменилась)
Если этот способ плох, посоветуйте способ, чтобы везде отображалось корректно.
-
.popup a {
position:relative;
}
.popup a span{
position:absolute;
display: none;
top: 20px;
left: 20px;
z-index: 1;
background: #FFFFFF;
}
.popup a:hover span {
display: block;
}
Вот код страницы:
<span class="popup"><a href="">Ссылка<span>Всплывающий текст</span></a></span>У меня вроде бы похожая ситуация. В Firefox, Chorme и IE7 работает нормально, а вот в Opera часть (те элементы что снизу экрана) показывается не там где нужно (те что сверху экрана работают нормально), а в IE6 не работает вовсе. В чем моя ошибка? (Visibility пробовал использовать, ситуация не изменилась)
-
Ну там не совсем то что нужно, так как к бордеру стилей особо не применишь. Зато статья навела меня на мысли, что сделать это div'ами, так еще и чтобы работало нормально во всех браузерах будет гораздо объемнее, чем элементарными двумя ячейками таблицы, что я собственно и сделал. Так что, в любом случае, спасибо.
-
Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог.
Структура довольно простая.
<div class="main">
<div class="mainleft">
меню
</div>
<div class="mainright">
содержание
</div>
</div>вот их стили
.main {
width: 90%;
background-color: #FFFFFF;
}
.mainleft {
width: 200px;
background-color: #FF0000;
float: left;
height: 100%;
}
.mainright {
background-color: #FFFF00;
margin-left: 210px;
height: 100%;
}Задача: при растягивании одного из дивов (к примеру правого), левый должен стать такой же высоты и наоборот.
У меня же получается так: правый див растягивается, растягивает за собой родительский div (тот который main), а левый так и остается коротким. А должны быть все одинаковой высоты.
Грубо говоря должен получится красный прямоугольник, за ним белый прямоугольник, а за ним желтый прямоугольник. И как не меняй содержимое красного и желтого они так и будут оставаться прямоугольниками одинаковой высоты.
Заранее спасибо.
-
Searcher, спасибо огромное! и вправду были виноваты переносы.
-
<html>
<body bgcolor=#FFFFFF;>
<style type="text/css">
a img { border: none;}
</style>
<table cellspacing="0" cellpadding="0">
<tr><td width="181" height="53">
<a href ="#"><img src="new.jpg"></a>
</td></tr>
<tr><td width="181" height="53">
<a href ="#"><img src="new.jpg"></a>
</td></tr>
</table>
</body>
</html>Размер картинки new.jpg 181x53
Такая вот страничка. Везде кроме IE между ячейками пространства нету, в IE же между ячейками проглядывает желтый цвет. Как побороть этот глюк? очень нужно в создании меню использовать картинку со ссылкой на ней, заранее спасибо!
-
Много пишут про глюки с кодировкой в ajax, но у меня она глючит и просто при вызове javascript функции.
Функция проста - меняет содержимое <textarea> прибавляя туда текст полученный из ссылки. Ссылка выглядит так
java script:replyy('текст');
Так вот русские буквы вставляются нормально во всех браузерах кроме оперы. В опере в textarea приписывается кракозябра.
Вот сама функция
function replyy(namee)
{
document.forma.text.value='[b]'+namee+'[/b], '+document.forma.text.value;
var x = document.getElementById('repp');
x.scrollIntoView();
}Есть ли у вас какие мысли как облегчить жизнь юзерам оперы?
-
А зачем div.test" имеет float если в div.main только он один?
В конечном варианте их там 6, часть из них прозрачные и используют фон того в который они вложены. А тут просто их убрал, так как по сути они на проблему не влияют.
ZoNT,
Спасибо огромное! то что нужно.
-
Имеется вот такой несложный код
<div class="main">
<div class="test">
aaa<br>
bbb<br>
</div>
</div>И вот такие вот к ним стили
.main
{
width:100%;
background-color: #000000;
}
.test
{
width: 20%;
background-color: #FFFFFF;
float: left;
}Нужно чтобы на 20% ширины был белый фон, а на оставшиеся 80% черный.
Добавить внутрь второй div с шириной 80% плз не предлагайте, так как мне нужно, чтобы внешний див растянулся и это был именно его фон.
Если у test убрать параметр "float: left" то всё работает как надо, но мне нужен этот параметр.
Заранее спасибо.
Растянуть div по высоте ячейки таблицы
in HTML Coding
Posted
А если мне не нужно чтобы таблица была во весь экран, а растягивалась по мере поступления текста?
К примеру такой вариант (убрал высоту у html и body) в IE уже не работает.