Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Помогите с выравниванием фреймов
 
 автор: smoke1   (26.09.2007 в 16:17)   письмо автору
 
 

Есть необходимость сделать сайт с двумя фреймами (один над другим) причем дизайн (не резиновый) предполагает, что между фреймами не должны быть заметны границы. Поэтому в верхнем фрейме не должно быть горизонтального скроллинга. Нижний фрейм всегда больше видимой части страницы - поэтому всегда есть вертикальный скроллинг. Основные блоки страницы должны быть выровнены по центру. Тк нижний фрейм всегда имеет вертикальный скроллинг для выравнивания верхнего тоже пытаюсь включить ему вертикальный. В результате в Firefox-e все ок, в Експлорере скроллинга нет и блоки при изменении размеров окна съезжают :(

пример кода:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><title>Test</title>
<frameset frameborder=0 framespacing="0" framepadding="0" rows="146,*">
    <frame name="top" target="mainWindow" src="test_t.htm" scrolling="no" style="overflow-y: scroll;">
    <frame name="bottom" target="mainWindow" src="test_b.htm" scrolling="auto">
</frameset>
</html>

где test_t.htm:

<body  style="background-color:#FFFFFF; margin: 0px; text-align: center; width:100%;">
<div style="height:146px; width:1000px; margin: auto; background-color:#2B022A;">&nbsp;</div>
</body>

а test_b.htm

<body  style="background-color:#FFFFFF; margin: 0px; text-align: center; width:100%;">
<div style="height:120%; width:1000px; margin: auto; background-color:#30072F;">&nbsp;</div>
</body>


результат можно посмотреть здесь http://oceanit.ru/smoke/testframes.htm

   
 
 автор: elenaki   (27.09.2007 в 12:24)   письмо автору
 
   для: smoke1   (26.09.2007 в 16:17)
 

надо и в верхнем фрейме сделать скролл, но раскрасить его под цвет фона.

или делать ифрейм в теге body без прокруток (oveflow: hidden), что намного приятнее обычных фреймов.

   
 
 автор: smoke1   (27.09.2007 в 13:27)   письмо автору
 
   для: elenaki   (27.09.2007 в 12:24)
 

"надо и в верхнем фрейме сделать скролл, но раскрасить его под цвет фона."

Не понял о чем Вы... Это совет как скрыть горизонтальный скролл ...? Вертикальный же, если внимательно прочитать вопрос еще раз, никто как раз скрывать не собирается. Вопрос в том как его включить для верхнего фрейма и при этом чтобы не было горизонтального (в Эксплорере)

или делать ифрейм в теге body без прокруток (oveflow: hidden), что намного приятнее обычных фреймов. Это вообще не понял при чем здесь...

   
 
 автор: elenaki   (27.09.2007 в 20:58)   письмо автору
 
   для: smoke1   (27.09.2007 в 13:27)
 

убирает горизонтальную прокрутку, overflow-y: hidden - убирает вертикальную. overflow: hidden -
убирает обе. в ФФ по одиночке, кажется, не убираются. а насчет второго - найдите более
оптимальный вариант, чем фреймы.

   
 
 автор: smoke1   (27.09.2007 в 22:59)   письмо автору
 
   для: elenaki   (27.09.2007 в 20:58)
 

убирает горизонтальную прокрутку, overflow-y: hidden - убирает вертикальную. overflow: hidden -
убирает обе

Это понятно.

в ФФ по одиночке, кажется, не убираются.
В ФФ как раз все убирается как надо. ФФ поддерживает CSS2 лучше других браузеров.

а насчет второго - найдите более оптимальный вариант, чем фреймы.
В моем случае фреймы и есть оптимальный вариант. Поверьте на слово..

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования