![]() |
#1 |
Chrome User
|
![]()
Воспользовавшись одним из сервисов строения макетов и скачав от туда резиновый , наткнулся на несколько непонятных вещей .
Полистав пару пособий и справочников ответов не нашел . Макет построен на дивах . В css обнаружено : Код:
#middle:after { content: '.'; Что делает эта точка !???? display: block; clear: both; visibility: hidden; height: 0;} Код:
#wrapper { min-width: 1000px; min-height: 100%; height: auto !important; Что в данном случае импортируется и откуда !??? height: 100%; } Второй документ css прилеплен странным образом , а в частности ( такого ни разу не видел ) : Код:
<!--[if lte IE 7]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen" /><![endif]--> Код:
* html #wrapper, * html #footer {width: expression((documentElement.clientWidth||document.body.clientWidth)}<995?'1000px':'');
__________________
Кто хочет - ищет способ, кто не хочет - ищет причину. СОКРАТ |
![]() ![]() |
![]() ![]() |
![]() |
#2 | ||||||||||||||||||||||||
Администратор
|
![]() ![]()
htmlbook.ru Не знаю, кто это писал, но на первый взгляд выглядит абсурдно. Как бы то ни было, точка здесь - всего лишь текст. Она ничего не делает. google: css important htmlbook.ru ![]()
В приведенном случае дополнительные стили подгрузятся только в IE версий 7 и более старых. google: html комментарий google: css ie хак dar, а самому сложно было Google почитать? ![]()
__________________
[BATTLE]SERVER |
||||||||||||||||||||||||
![]() ![]() |
![]() ![]() |
![]() |
#3 |
Chrome User
|
![]()
Почитать , то я почитал , да вот не совсем догнал .
Без неё весь макет на перекасяк . Сразу разваливается и трудно разобраться и дивы друг на друга налезают . Убираешь точку и вся верстка сбивается . Пользовался следующим сервисом csstool.ru . Ни кто не знает еще подобных сервисов ?
__________________
Кто хочет - ищет способ, кто не хочет - ищет причину. СОКРАТ |
![]() ![]() |
![]() ![]() |
![]() |
#4 |
Администратор
|
![]()
Ясно. Посмотрел, как там генерируется верстка. Элемент after используется в качестве "выравнивателя".
Все блоки внутри #middle имеют стиль float и родитель "теряет" их габариты. Поэтому надо последнему элементу у родителя запретить обтекание элементов (стиль clear). Я в таких случаях пользуюсь выравнивающим блоком. Код HTML:
.clear-both { clear: both; } <div class="clear-both"></div> P.P.S. И проверь разметку в IE6.
__________________
[BATTLE]SERVER |
![]() ![]() |
![]() ![]() |
![]() |
#6 |
Администратор
|
![]()
Расширение для Firefox: Dust-Me Selectors
Появится пункт в меню "Инструменты".
__________________
[BATTLE]SERVER |
![]() ![]() |
![]() ![]() |
Благодарности: 1 | dar (02.03.2009) |
![]() |
#10 |
Chrome User
|
![]()
MDM, Muskul, Ни ка не могу понять почему идет разное отображение в браузерах .
В IE 6 появляется не понятная картинка , такое чувство , что не правильный путь к картинке ![]() IE6.png В FF появляется надпись "Отправить запрос" - я такого в коде не вводил и не знаю как избавиться ![]() FF.png Моя идея будет понятна если посмотреть исходный код - там всего одна кнопка и два стиля . Вроде все просто , но не отображается как хочется .
__________________
Кто хочет - ищет способ, кто не хочет - ищет причину. СОКРАТ Последний раз редактировалось dar; 21.03.2009 в 09:11. |
![]() ![]() |
![]() ![]() |
![]() |
#11 |
Администратор
|
![]()
У поля type="image", а адрес картинки не указан. Либо пользуй clear.gif, либо тег <a>, что предпочтительней.
__________________
[BATTLE]SERVER |
![]() ![]() |
![]() ![]() |
Благодарности: 1 | dar (22.03.2009) |
![]() |
#12 |
Chrome User
|
![]()
MDM, Вот так выглядит , то что я хотел модернизировать .
Код HTML:
<input class="btn" onclick="submit();" onmouseover="this.className='btnhover'" onmouseout="this.className='btn'" name="image" value="Войти" type="image" src="{THEME}/images/spacer.gif" />
clear.gif - это прозрачная картинка ?
__________________
Кто хочет - ищет способ, кто не хочет - ищет причину. СОКРАТ |
![]() ![]() |
![]() ![]() |
![]() |
#13 |
Администратор
|
![]()
clear.gif - прозрачное изображение 1х1 px.
В приведенном коде spacer.gif, вероятно, именно такое изображение.
__________________
[BATTLE]SERVER |
![]() ![]() |
![]() ![]() |
Благодарности: 1 | dar (22.03.2009) |
![]() |
#14 |
Chrome User
|
![]()
Например:
Код HTML:
<div id="content"> <h3 class="tab"> <div class="tabtxt"><a href="#">#</a></div> </h3> Код HTML:
.tab a {} /*Первый вариант*/ .tabtxt a {} /*Второй вариант*/ Можно ли так : Код HTML:
#content a {}
__________________
Кто хочет - ищет способ, кто не хочет - ищет причину. СОКРАТ |
![]() ![]() |
![]() ![]() |
![]() |
#15 |
Администратор
|
![]()
Все верно.
__________________
[BATTLE]SERVER |
![]() ![]() |
![]() ![]() |
Благодарности: 1 | dar (27.03.2009) |
![]() |
#17 |
Chrome User
|
![]() Код HTML:
<td class="t"> <div class="box_icon"><a id="rss" href="#" title="RSS"> <img src="spacer.gif" alt="RSS" /></a></div> <div class="box_icon"><a id="map" href="#" title="Карта сайта"> <img src="spacer.gif" alt="Карта сайта" /></a> </div> </td> Код HTML:
.box_icon {float:left; } Вот такой вариант почему - то не работает , или это только для теста ? Код HTML:
<td class="t" align="right">
Сделал временно паддингом для class="t" можно еще как-нибудь решить эту проблему !? Просто если вдруг шаблон резиновый и ширина постоянно плавает , то как выравнивают !?
__________________
Кто хочет - ищет способ, кто не хочет - ищет причину. СОКРАТ |
![]() ![]() |
![]() ![]() |
![]() |
#18 |
Администратор
|
![]() Код HTML:
.box_icon { float: right; }
__________________
[BATTLE]SERVER |
![]() ![]() |
![]() ![]() |
Благодарности: 1 | dar (05.04.2009) |
![]() |
#19 |
Chrome User
|
![]()
Во всех браузерах все хорошо а в IE 6 вот так
sshot-4.png это можно как-нить исправить ? Или нет смысла мучатся ради IE6 ? В остальных версия 7 , 8 все ok .
__________________
Кто хочет - ищет способ, кто не хочет - ищет причину. СОКРАТ |
![]() ![]() |
![]() ![]() |
![]() |
#20 |
Администратор
|
![]()
IE6 не понимает прозрачность PNG. Есть JavaScript-хаки, которые учат его этому. Поищи в Google.
__________________
[BATTLE]SERVER |
![]() ![]() |
![]() ![]() |
Благодарности: 1 | dar (11.04.2009) |
![]() |
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1) | |
Опции темы | |
|
|
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Вопросы Путину | iva | На завалинке | 49 | 14.06.2010 18:28 |
Как правильно решать “алкогольные” вопросы с ГИБДД | bobby | Авто-мото | 0 | 27.05.2009 17:11 |
Поднимаем сервер CSS! | DaleX | Игровой мир | 2 | 09.05.2007 15:26 |
Вопросы и ответы (F.A.Q.) | MDM | Mozilla Firefox | 5 | 13.11.2006 21:09 |