PCSpeaker
-
Posts
16 -
Joined
-
Last visited
PCSpeaker's Achievements
Explorer (1/14)
0
Reputation
-
А если мне не нужно чтобы таблица была во весь экран, а растягивалась по мере поступления текста? К примеру такой вариант (убрал высоту у html и body) в IE уже не работает. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> .myclass { height: 100%; width: 100%; background: #00FF00; } html, body { } .myclass td { border:#ffffff solid 1px; vertical-align:top; height: 100%; } .myclass td div { border:#000000 solid 1px; height: 100%; } </style> </head> <body> <table class="myclass"> <tr> <td> <div>mydiv<br><br>asdsad</div> </td> <td> <div>mydiv</div> </td> </tr> </table> </body> </html>
-
А в чем именно извращение? У меня довольно обыденная ситуация. Есть 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 с заданным float по высоте родительского div'а
PCSpeaker replied to PCSpeaker's question in HTML Coding
Ну там не совсем то что нужно, так как к бордеру стилей особо не применишь. Зато статья навела меня на мысли, что сделать это div'ами, так еще и чтобы работало нормально во всех браузерах будет гораздо объемнее, чем элементарными двумя ячейками таблицы, что я собственно и сделал. Так что, в любом случае, спасибо. -
Растяжка div с заданным float по высоте родительского div'а
PCSpeaker posted a question in HTML Coding
Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог. Структура довольно простая. <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(); } Есть ли у вас какие мысли как облегчить жизнь юзерам оперы?
-
В конечном варианте их там 6, часть из них прозрачные и используют фон того в который они вложены. А тут просто их убрал, так как по сути они на проблему не влияют. ZoNT, Спасибо огромное! то что нужно.