yurigraphics
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by yurigraphics
-
Как исключить налезание текста или заставить слои "тянуться"?
yurigraphics replied to yurigraphics's question in HTML Coding
я посмотрел эти ссылки, там было много материалов для размышлений, а не готовых рецептов за которыми все и ходят на форумы можно конечно и дальше продолжать мудохаться с этими слоями и через пару недель добиться того, что в таблицах делается за пару минут - вот я и думаю стоит ли продолжать мудохаться? -
Как исключить налезание текста или заставить слои "тянуться"?
yurigraphics replied to yurigraphics's question in HTML Coding
Пробовал по всякому - нет решения! Слои растягиваются по содержимому только если нет позиционирования (position: absolute), но в этом случае их невозможно расположить в одну линию по горизонтали. Похоже придется вернуться к старым надежным таблицам... -
Как исключить налезание текста или заставить слои "тянуться"?
yurigraphics replied to yurigraphics's question in HTML Coding
О! Сработало - теперь слои тянутся на размер содержимого! Большое спасибо! Только теперь в Firefox и Safari появился глюк: пропало расположение по горизонтали слоев news_block_main и ad_banner_336x280 - они сбрыкнули и расположились один под другим по вертикали, причем news_block_main встал по центру родительского слоя, а баннер у правого края. Я думаю что это из-за замены прежнего margin-left: 619px; на float: right. И еще одно опасение: не будет ли проблем из-за замены doctype на strict вместо transitional? На странице могут быть и куски html с прямыми вставками текста. -
Как исключить налезание текста или заставить слои "тянуться"?
yurigraphics replied to yurigraphics's question in HTML Coding
height: 10em - это просто механически раздвигает слой поверх следующего слоя никак не сдвигая его, а мне нужен сдвиг слоя. вот страничка: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> </head> <body> <div id="wrapper"> <div id="news_block_main"> some text here some text here some text here some text here some text here some text here </div> <div id="ad_banner_336x280"><img src="banner_336x280.jpg" width="336" height="280" border="0" /></div> <div id="tray"> <div id="column_1">some text here some text here some text here some text here some text here some text here</div> <div id="column_2">some text here some text here some text here some text here some text here some text here</div> </div> <div id="column_3">some text here some text here some text here some text here some text here some text here</div> </div> </body> </html> а вот стили: body { width:100%; height:100%; margin-top: 0px; margin-bottom: 0px; padding: 0px; margin: 0px; font-family: arial, helvetica, sans-serif; font-size: 80%; text-align:center; color: #000000; visibility: visible; } #wrapper { width: 980px; height:100%; background: #ffffff; border-right: 1px solid #5a5a52; border-left: 1px solid #5a5a52; margin-right: auto; margin-left: auto; position: relative; } #ad_banner_336x280 { width: 336px; background: #ffffff; padding: 10px; margin-left: 619px; position: relative; } #news_block_main { width: 599px; background: #ffffff; padding: 15px; text-align:left; left: 0px; float: left; position: absolute; } #column_1 { width: 296px; padding: 15px; left: 0px; text-align:left; float: left; position: absolute; } #column_2 { width: 296px; padding: 15px; text-align:left; position: relative; margin-left: 326px; } #column_3 { width: 296px; padding: 15px; text-align:left; position: relative; margin-left: 654px; } #tray { width: 654px; left: 0px; text-align:left; float: left; position: absolute; } -
Как исключить налезание текста или заставить слои "тянуться"?
yurigraphics replied to yurigraphics's question in HTML Coding
не работает. может я непонятно объяснил: нужно не отображение текста во что бы то ни стало, а сдвиг следующего слоя из-за объема текста в верхнем слое. -
Как исключить налезание текста или заставить слои "тянуться"?
yurigraphics posted a question in HTML Coding
Проблема в следующем: страница сверстана на слоях (css), слои располагаются один за другим с обтеканием - примерно как на примерах верстки слоями в учебнике на этом замечательном сайте. Так вот текст в верхнем слое при большом его объеме или увеличении в браузере размера шрифта налезает на текст, находящийся в слое расположенном ниже (по вертикали). То есть текст не растягивает слой по вертикали, вернее растягивает, но не отодвигает ниже следующий слой, а просто накладывает текст поверх него. Игры с добавлением полос прокрутки категорически не канают - внешне это будет погодить на фрэймы. Я понимаю, что мне скажут: верстай таблицу и вс? будет тянуться по содержимому без наложений, но в ч?м же тогда преимущество слоев и для чего я огород городил? Есть ли способ заставить слои вести себя по табличному и "тянутся" по содержимому?