Postscripter
-
Posts
8 -
Joined
-
Last visited
Postscripter's Achievements
Explorer (1/14)
0
Reputation
-
Во! Сделал див absolute, теперь таблице на него откровенно наплевать, он сам по себе)) Правда, потом пришлось добавить position:relative к ячейке, чтобы работало overflow: hidden И обернуть абсолютный фрейм относительным (relative) дивом, чтобы это работало в FF И добавить доктайп, чтобы это работало в IE ))) И пройтись автозаменой по всем страницам, исправляя вскрывшиеся из-за смены доктайпа проблемы <!DOCTYPE html> <html><body> <table style="width:100%;" border="1"> <tr style="vertical-align:top;"> <!--Левая колонка--> <td style="width:120px; overflow:hidden; position:relative;"> <div style="background:lime;"> <BR><BR>1<BR>2<BR>3<BR>4<BR><BR> </div> <div style="position:relative;"> <iframe style="width:120px; height:7000px; position:absolute;" scrolling="no" src="http://clck.ru/8aOPk"></iframe> </div> </td> <!--Правая колонка--> <td> <div style="background:yellow"> <BR>—<BR>-к-<BR>-о-<BR>-н-<BR>-т-<BR>-е-<BR>-н-<BR>-т-<BR>—<BR><BR> </div> </td> </tr> </table> </body></html> На соседнем форуме посоветовали хак с padding-bottom: 20000px и margin-bottom: -20000px; Но чего-то не пошло, поэтому оставил свой вариант. Ура! Ну и вот, на скриншоте, результат всего этого действа - для чего нужен был резиновый див (див - слева внизу, который с аватарками). Работает чётко. Спасибо за участие
-
Пошёл спать - по дороге догнала интересная мысль)) Но это больше похоже на хак.... Завтра утром попробую, напишу.
-
Этот код сейчас правильно работает в Опере (левый скриншот). Хочется, чтобы также было и в Хроме, но хром подрисовывает белую полосу снизу (правый скриншот), тем самым таблица растягивается вниз на целых два сантиметра... ужас)) А нужно, чтобы табличка заканчивалась, как только заканчивается контент в ней. Чтобы фрейм её не растягивал.
-
То же самое, только теперь труднее определить границу между контентом (он был жёлтым) и незанятым пространством (белое).
-
Не-не-не, изображение - только для примера! ) На самом деле во фрейме будет контент большого размера, его не нужно трогать. Нужно только спозиционировать сам фрейм (или заменить фрейм дивом, не суть). Вот на вашем скриншоте справа большое белое поле - как раз от него я и пытаюсь избавиться, то есть поднять нижнюю границу впритык к жёлтому. Фрейм при этом должен уменьшиться, либо обрезаться, а что произойдёт внутри него - это уже неважно...
-
Как выстроить блоки div с разной шириной в один ряд
Postscripter replied to galaydas's question in HTML Coding
Может, сделать их не дивами а span-ами? Span вроде не переносится... -
Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скриншот справа). Да и вообще, мне мой код кажется неправильным... Поэтому вопрос скорее - не "где тут ошибка", а "как правильно сделать?" <!DOCTYPE html> <html> <body> <table width="100%" border="1"> <tr style="overflow:hidden; vertical-align:top;"> <!--Левая колонка--> <td style="overflow:hidden; width:120px; height:100%;"> <div style="background:lime;"> <BR><BR>1<BR>2<BR>3<BR>4<BR><BR> </div> <iframe style="width:120px; height:100%;" scrolling="no" src="http://clck.ru/8aOPk" ></iframe> </td> <!--Правая колонка--> <td> <div style="background:yellow; height:100%;"> <BR>—<BR>-к-<BR>-о-<BR>-н-<BR>-т-<BR>-е-<BR>-н-<BR>-т-<BR>—<BR><BR> </div> </td> </tr> </table> </body></html>
-
Доброго! Есть большая png-картинка (фон) с вырезанным полупрозрачным окошком. Как бы мне в это окошко спозиционировать iframe? Можно конечно задать точные координаты, но картинка растягивается под размер окна браузера (сохраняя пропорции), соответственно прозрачная область тоже смещается и растягивается... Что можно придумать?