Проблема с версткой блоков текста (проблема в Firefox) @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 10 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
Dina
новый человек
6
Сообщения: 233
Зарегистрирован: 29.07.03
Откуда: Ufa
Заголовок сообщения: Проблема с версткой блоков текста (проблема в Firefox)
Сообщение Добавлено: 12 Февраль 2008, 15:08:17 
Здравствуйте. Подскажите, пожалуйста.
Есть блоки текста, нужно чтобы один шел под другим.
Но в первом блоке картинка, а текста немного. И на больших разрешениях экрана текст второго блока появляется не под картинкой, а сразу под текстом первого блока.
Вот, надо так:

Изображение

А получается вот так:

Изображение

Если divам задать ширину 100%, то в Explorer получается как надо, а в Firefoxe все также остается.
Что делать, подскажите. Таблицы использовать не охота. Или придется?
ulitin kirill
постоянный участник
92
Сообщения: 2844
Зарегистрирован: 17.07.05
Откуда: Санкт-Петербург
Сообщение Добавлено: 12 Февраль 2008, 15:09:46 
на второй блок в стиль дива прописать clear:both;

_________________
хочу лето, очень.
Dina
новый человек
6
Сообщения: 233
Зарегистрирован: 29.07.03
Откуда: Ufa
Сообщение Добавлено: 12 Февраль 2008, 15:14:23 
ulitin kirill, спасибо большое! помогло!
Причем даже не знаю что это означает, но помогло! :)
ulitin kirill
постоянный участник
92
Сообщения: 2844
Зарегистрирован: 17.07.05
Откуда: Санкт-Петербург
Сообщение Добавлено: 12 Февраль 2008, 15:23:20 
у вас наверняка на картинке прописал флоат:лефт, это значит что она вырвана из последовательности блоков и превращена в плавующий элемент
Команда клер со значение both восстанавливает последовательность.
примерно как то так

_________________
хочу лето, очень.
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 12 Февраль 2008, 15:35:18 

Dina писал(а):
Причем даже не знаю что это означает, но помогло!


:weep: :weep:

_________________
клетчатый!
Dina
новый человек
6
Сообщения: 233
Зарегистрирован: 29.07.03
Откуда: Ufa
Сообщение Добавлено: 12 Февраль 2008, 18:24:41 
ulitin kirill, спасибо за объяснение

karamba, что вас так расстроило? Я умею хорошо верстать с помощью таблиц, а верстка на div+css для меня пока темный лес.
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 12 Февраль 2008, 18:52:49 
Dina, clear:both не имеет к таблицам никакого отношения

ах, не обращайте внимания, я сегодня такой сентиментальный… :weep:

_________________
клетчатый!
Dina
новый человек
6
Сообщения: 233
Зарегистрирован: 29.07.03
Откуда: Ufa
Сообщение Добавлено: 12 Февраль 2008, 19:49:03 

karamba писал(а):
Dina, clear:both не имеет к таблицам никакого отношения



Я и написала, что умею верстать на таблицах, а в верстке на div+css еще не разобралась, поэтому и не знаю что такое clear:both. Все логично вроде.
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 13 Февраль 2008, 12:20:55 
оффтопик:
Dina, т.е. умение верстать таблицами не предполагает знание цсс?
Он и к див-ам никакого отношения не имеет.

Слезы мои не высохнут теперь :weep: :weep: :weep:

_________________
клетчатый!
Dina
новый человек
6
Сообщения: 233
Зарегистрирован: 29.07.03
Откуда: Ufa
Сообщение Добавлено: 14 Февраль 2008, 17:25:40 
karamba, хотите верьте, хотите нет, но при верстке таблицами clear:both мне ни разу не пригодилось
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 10 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100