Помощник
|
Горизонтальная прокрутка в окне при переполнении |
klim_webcoder
|
Сообщение
#1
|
||
|
|
||
|
|||
Exterior |
16.8.2008, 22:40;
Ответить: Exterior
Сообщение
#2
|
|
klim_webcoder, я бы вот так сделал:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Overflow</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- body, p { margin: 0px; padding: 0px; } #content { width: 67%; float: left; background: red; } #navigation { width: 33%; float: right; background: blue; } --> </style> <!--[if lt IE 7]> <![if gte IE 5.5]> <style type="text/css"> #wrapper { width: expression(((document.documentElement.clientWidth||document.body.clientWidth)<1495)?"1495px":"100%"); } </style> <![endif]> <![endif]--> </head> <body> <div id="wrapper"> <div id="content"> <p> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very. <br /> <img src="images/width1000.gif" width="1000" height="50" alt=" 1000px" /> <br /> very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column. </p> </div> <div id="navigation"> <p> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very. very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column. </p> </div> </div> </body> </html> |
|
|
klim_webcoder
|
Сообщение
#3
|
|
(' post='10403 @ 17.8.2008, 01:40) я бы вот так сделал И получилось бы, что работает это только в IE6... а надо, чтобы прокрутка в окне появлялась во всех браузерах. |
|
|
Exterior |
16.8.2008, 23:39;
Ответить: Exterior
Сообщение
#4
|
|
(' post='10405 @ 17.8.2008, 01:54) а надо, чтобы прокрутка в окне появлялась во всех браузерах тогда можно просто указать жесткие размеры ширины для body или, если надо чтобы скролл появлялся при достижении определенной ширины, то делать на JavaScript по аналогии expression для IE. |
|
|
klim_webcoder
|
Сообщение
#5
|
|
Я, наверно, плохо объяснил суть проблемы.
Exterior, вообще задача вот в чем. Допустим, после верстки макета из него делается сайт и в див контента добавляется слишком большая картинка или таблица. Бывают же случаи, когда делать это неизбежно (например, схема метро или таблица из 20 колонок). Так вот хотелось бы, чтобы в макете было предусмотрено добавление горизонтальной прокрутки в окне (что хоть как-то спасет сайт). Так что, ваши варианты не подходят. Думал, что это возможно сделать средствами html+css... P.S. JavaScript пока не знаю. |
|
|
Exterior |
17.8.2008, 18:50;
Ответить: Exterior
Сообщение
#6
|
|
(' post='10407 @ 17.8.2008, 03:06) Я, наверно, плохо объяснил суть проблемы я все прекрасно понял, еще раз повторюсь: что для кроссбраузерного решения этой задачи делать придется на JS, средств html+css будет малова-то. Работать этот вариант будет примерно как expression для IE с некоторыми доворотами, т.е., допустим нормальная ширина элементов на странице будет ~760-780px (для 800х600), если на странице появляется элемент с размером больше чем заранее установленный константой, функция проходится по всем элементам страницы, вычисляет самый широкий и, исходя из этого определяет явную ширину страницы, вследствии чего появится горизонтальная прокрутка. Что-то вроде такого... Более разумный способ - просто не допускать вставку таких больших объектов, а делать миниатюру (если это изображение) с ссылкой на полный размер в отдельной странице, тоже самое с большой таблицей. Обычно делают именно так. |
|
|
klim_webcoder
|
Сообщение
#7
|
|
|
Спасибо, все понял.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
7 | stu999 | 1753 | 31.3.2024, 11:19 автор: stu999 |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2203 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30375 | 19.7.2022, 13:41 автор: Funoman |
|
тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе. Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО |
71 | VIMstat | 78474 | 21.6.2022, 9:38 автор: VIMstat |
|
Отображение нужного блока при клике. | 0 | bhtml | 1663 | 10.7.2020, 15:18 автор: -bhtml- |
Текстовая версия | Сейчас: 19.4.2024, 6:32 |