Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

3 дива на одной линии, вопрос по верстке

Обсуждение темы 3 дива на одной линии, вопрос по верстке в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; zuart , Спасибо, использовал 2ой способ, работает А чтобы теперь сверху кнопки прилепить тоже по центру, нужно еще 1 див с абсолютным позиционированиаем? ...


Закрытая тема
 
Опции темы
Старый 31.03.2009, 13:53   #11
zuart,
Спасибо, использовал 2ой способ, работает А чтобы теперь сверху кнопки прилепить тоже по центру, нужно еще 1 див с абсолютным позиционированиаем?

Makarenya,
Это невозможно, верстка производится в PHP файл через шаблоны, тоесть вы все равно не сможете увидеть код.. я постарался выложить максимально кода по моей проблеме.. А смысл указывать браузер, если проблема, уже по коду понятно, во всех браузерах? Ну или на крайняк по скрину видно, что это фф3
 
Старый 31.03.2009, 13:53
Ссылки
Старый 31.03.2009, 14:48   #12
Цитата:
Сообщение от MarShall Посмотреть сообщение
zuart,
Спасибо, использовал 2ой способ, работает А чтобы теперь сверху кнопки прилепить тоже по центру, нужно еще 1 див с абсолютным позиционированиаем?
Нет =)

теперь спокойно можете делать вестку либо дивами
Код HTML:
<div style="height:высота шапки; бла-бла-бла">тут содержимое шапки</div>
либо таблицами
Код HTML:
<table style="width:100%; height:100%"><tr><td style="height:высота шапки; бла-бла-бла">тут содержимое шапки</td></tr><tr><td>Тут все, что ниже шапки и т.д.</td></tr></table>
- как угодно... способ верстки уже индивидуален

2-ой способ просто создал Вам фон...
типа как будто Вы использовали для body{background-image()} просто фоновая картинка типа сама под ширину подстраивается

а "точка отсчета" последующих элементов так и осталась в самом начале окна браузера...
 
Этот пользователь сказал спасибо zuart за это полезное сообщение:
MarShall (31.03.2009)
Старый 31.03.2009, 14:52   #13
zuart,
Ясно, спасибо
 
Старый 31.03.2009, 14:59   #14
Я Вам даже больше скажу... допустимо использвать такую конструкцию на базе вышенаписаной:
Код HTML:
<div class="aHdr" style="text-align:left"><img src="..."></div>
<div class="aHdr" style="text-align:right"><img src="..."></div>
<div class="aHdr" style="text-align:center"><img src="..."></div>
Тогда высоту слоев не нужно указывать, она сама подстроится под содержимое...

И такой вариант тоже работает
Код HTML:
div.aHdr{...
z-index:0;
...}
div.aHdr object{z-index:0}

<div class="aHdr" style="text-align:left"><object>...</object></div>
<div class="aHdr" style="text-align:right"><object>...</object></div>
<div class="aHdr" style="text-align:center"><object>...</object></div>

<div style="z-index:10">Шапка</div>
<div style="z-index:10">Тело страницы</div>
И тогда в качестве фонового-изображения "аля боди" может быть не только статическая картинка, но и анимированные Flash-объекты Но тут заметил в каких-то более ранних версиях брузерах, если не указать для div и object параметр z-index:0, а для дальнейшей верстки, которая должна быть поверх "фона" z-index:10, то какие-то версии помещают object самым верхним перекрывающим слоем...
 
Этот пользователь сказал спасибо zuart за это полезное сообщение:
MarShall (31.03.2009)
Старый 31.03.2009, 15:42   #15
лучше выпить литр пива, чем пол дня верстать три дива!
 
Этот пользователь сказал спасибо Diabolos за это полезное сообщение:
MarShall (31.03.2009)
Старый 31.03.2009, 15:52   #16
Столкнулся с такой проблемой.. ПНГ внутри бекграунда дива отображается непрозрачным в ИЕ6, погуглил -> нашел кучу решений для тега <img> , но я использую дивы, как же тогда решить эту проблемУ?
 
Старый 31.03.2009, 16:15   #17
Цитата:
Сообщение от MarShall Посмотреть сообщение
но я использую дивы, как же тогда решить эту проблемУ?
MarShall, а ведь Diabolos дело говорит!
Цитата:
Сообщение от Diabolos Посмотреть сообщение
лучше выпить литр пива, чем пол дня верстать три дива!
Прозрачность png делается скриптом, на форуме уже это обсуждалось, заюзайте поиск!
 
Старый 31.03.2009, 17:15   #18
Nimans,
УЖе все скрипты перепробовал.. Ничего не помогает Ну да ладно за деньги может кого-то найду
 
Старый 31.03.2009, 17:19   #19
Цитата:
Сообщение от Nimans Посмотреть сообщение
Прозрачность png делается скриптом, на форуме уже это обсуждалось, заюзайте поиск!
для бекграунда, Nimans....
 
Этот пользователь сказал спасибо Aldes за это полезное сообщение:
MarShall (31.03.2009)
Старый 31.03.2009, 18:59   #20
Цитата:
Сообщение от MarShall Посмотреть сообщение
Nimans,
УЖе все скрипты перепробовал.. Ничего не помогает Ну да ладно за деньги может кого-то найду
Вот честно скажу - навскидку не помню сам код, тока принцип:
1) Опера и Мозила понимают прозрачность самого PNG
2) IE Прозрачку самого PNG не воспринимает, но воспринимает фильтры для сласса... которые Опера и мозила просто игнорируют...

Посмотри тут в коде как сделано (наведи на какую-нить фигурку на карте, вот окошко с подсказкой именно так и работает - давно уже делал эту фишку)

Добавлено через 19 минут

Цитата:
Сообщение от Diabolos Посмотреть сообщение
лучше выпить литр пива, чем пол дня верстать три дива!
А после водки вместа пива, не отличить td от div-а...

Последний раз редактировалось zuart; 31.03.2009 в 18:59.. Причина: Добавлено сообщение
 
Этот пользователь сказал спасибо zuart за это полезное сообщение:
MarShall (31.03.2009)
Старый 31.03.2009, 18:59
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос по верстке на странице Ni_Splinter HTML, CSS, JavaScript 5 19.04.2012 22:01
Вопрос по верстке Niemans Кальянная 9 10.05.2010 23:11
Вопрос по верстке Niemans HTML, CSS, JavaScript 108 07.05.2010 17:09
Вопрос по CSS верстке localhost HTML, CSS, JavaScript 4 26.03.2009 18:47
Вопрос по верстке sanchez911 HTML, CSS, JavaScript 2 01.03.2006 21:21


Текущее время: 01:35. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум