Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум

Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » only CSS design

Ответить
Настройки темы
only CSS design

Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

Код: Выделить весь код
<style>
.tab_left{
float:left;
height:500px;
width:200px;
border:1px solid #cccccc;
}
.tab_right{
float:right;
height:500px;
width:200px;
border:1px solid #cccccc;
}
.tab_center{
height:400px;
background-color:#cceeee;
border:1px solid #cccccc;
}
</style>


<div class=tab_left>таблица слева</div>
<div class=tab_right>таблица справа</div>
<div class=tab_center>
таблица по середине
</div>
Помогите сверстать страницу следующей структуры при помощи css:
Страница разбита на три колонки: слева и спарва колонки фиксированной ширины, средняя колонка растягивается между ними.
Так вот, если вы загрузите код в эксплорере, то все отображается как надо, но в Опере средняя колонка растягивается на всю ширину экрана, перекрываясь левой и правой таблицей.
Можно ли как-нибудь по-другому сверстать такую структуру при помощи css, чтобы в Опере средняя колонка не растягивалась на весь экран?
Спасибо!

Отправлено: 20:48, 21-07-2005

 

Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать

Jekamajor
много занимаясь версткой и кросброузерностью могу сказать - не надо так делать не надо!!!
еще не доросли броузеры до этого!!!

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!

Отправлено: 20:57, 21-07-2005 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

Вы имеете ввиду вообще не желательно использовать css дизайн?
Тем не менее, по-момему ничего заумного в таком коде нет, разве будут проблемы с браузерами? (не беря в счет старые версии)

Отправлено: 21:28, 21-07-2005 | #3


Ночной странник


Contributor


Сообщения: 4050
Благодарности: 83

Профиль | Сайт | Отправить PM | Цитировать

Jekamajor
не... CSS это хорошо!
а вот DIV + CSS это плохо!

да... проблеммы будут... причем зачастую достаточно серьезные!

-------
можно практически все, но просто мы это еще не знаем.
главный враг програмиста это копипастинг
За хорошее сообщение не забываем нажимать ссылочку "Полезное сообщение"!

Отправлено: 23:29, 21-07-2005 | #4


Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

тогда CSS+что есть хорошо?
поэтому я и попросил помощи:
"Можно ли как-нибудь по-другому сверстать такую структуру при помощи css"
Буду благодарен, если поможете
Спасибо!

Отправлено: 23:40, 21-07-2005 | #5


Аватара для XCodeR

Ветеран


Сообщения: 878
Благодарности: 53

Профиль | Сайт | Отправить PM | Цитировать

рой в сторону padding, margins, position:relative;left:;top:
Цитата:
Буду благодарен, если поможете
угу помогут....
"Гугль рулит" - девиз форума....
(некому не в обиду)...

Отправлено: 02:24, 22-07-2005 | #6


Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

Xcode понятно...
только при чем тут "поиск рулит"? У меня конкретный пример, я же в поиске не могу задать необходимую мне структуру страницы

Отправлено: 20:44, 22-07-2005 | #7


редкий гость


Сообщения: 1696
Благодарности: 44

Профиль | Сайт | Отправить PM | Цитировать

Jekamajor
Да ну? http://www.google.ru/search?hl=ru&q=CSS+3+column+layout
3-колоночная раскладка оч. популярна, поэтому есть куча примеров как это можно сделать.

Vlad Drakula
Не надо говорить про "не доросли". Да, есть некоторые проблемы с отображением и "несовместимостью" браузеров. Однаков простых случаях, большинство браузеров приходят к соглашению, если писать _правильный_ код. Мы же не ACID2 ваяем.

-------
http://ivank.ru

Отправлено: 21:17, 22-07-2005 | #8


Новый участник


Сообщения: 49
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать

ivank спасибо, убедили.
Кстати, я уже сам понял, что в центральной таблице нужно указать margin-left и right на ширину боковых таблиц.
Всем спасибо!

Отправлено: 21:34, 22-07-2005 | #9



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » only CSS design

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Ресурсы - Экраны приветствия 2009 / LogonUI (New design) 2009 prokazzza Оформление Windows XP 269 15-04-2012 17:46
Разное - Li Design Project Lethal*AI Оформление Windows XP 44 14-02-2009 13:15
Design by Ginger lxa85 О сайте и форуме 14 04-07-2008 23:34
Design and Implementation of the FreeBSD Operating System bips Общий по FreeBSD 8 28-03-2005 13:57


« Предыдущая тема | Следующая тема »


 
Переход