Tsybin
-
Posts
15 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Tsybin
-
-
хорошо, important и * убрал.
css такой:
body{margin:0;padding:0;}
html,body{height:100%;}
.container{min-height:100%;}
* html .container{height:100%;}
.footer{margin-top:-60px;height:60px;}
этот код для страницы с подвалом, который ведет себя вполне корректно как при переполнении основного содержания, так и при малом его содержимом в указанных мною браузерах. хотелось бы знать, корректен ли он в эксплорере 8 и 9, сам проверить не могу.
Спасибо, отличный вариант!
-
Я не понимат...
-
А чего, весьма мило Чувствуется женская рука!
-
Элементы меню и разделы при масштабирование плывут и ведут себя очень странно. А так вроде всё вполне хорошо!
-
Автор топика же сказал, ему некогда читать...хочется сразу всё уметь...
- 1
-
Я не понимат...
-
Когда же уже про ie 6-8 забудут :D/>
Ну 8 то еще путь поживет, а вот 6-7 это да, отстой извините меня, но раньше на нем учились, так сказать олд-скулл
Думаю кто кроссбраузерно верстает на 6 и последними новыми бразуерами тот мегаверстальщик, если конечно такое возможно.
Забудут наверное его тогда, когда пользователи откажутся от него. Но даже на нескольких моих сайтах, число пользователей ieе 6-7 существенно. На самом деле никак не понимал, как им удается не обновляеться и сидеть на старых версиях.
не видно картинок, возможно проблема с hasLayot (*zoom:1)
Хм, релатив тоже влияет почему-то на это...
-
Соглашусь, что шапку лучше делать через бэкграунд, задав размеры и позиционирование. В данном примере я не понимаю вот это:
#textlogo h1.name {
margin: 0;
padding: 0;
[b]font-size: 240%; [/b] - Зачем???? Обязательно в процентах? Под мобильники делаете?
position: relative;
[b]top: -127px;[/b] - Зачем???? Зачем?
left: 118px;
float: left;
text-align: right;
[b]height: 0px; [/b] - Зачем??? Как высота 0? Шрифт 240 процентов а высота 0?
font-weight: bold;
color: white;
} -
Мои мысли:
#left_column {float:left; position:fixed; top:150px; left:0px;}
Вы не указали размер (ширина объекта). Не понимаю зачем указали left: 0px;? Сделайте структуру в таком порядке:
#page
#header
#left_column
#columns
#center_column
#right_column
#footerПрисвойте #columns - float: left. Т.к. колонки у вас имеют z-index: 1, то они перекрывают соответственно левую панель, которая не имеет вообще з-индекса. Дальше у колонок position: relative, попробуйте "поиграть" с позиционированием, например убрать его вообще.
-
float: left, margin, установка min-height и min-width не помогает?
-
Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё.
Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> .
Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt
Вот css:
.post {
background: #fff; margin: 10px auto;
border: 1px #eee solid;
clear: both;
display: block;
padding: 5px 20px 20px 20px;}
.meta {
background: transparent;
font-style: italic;
color: #aaa;
font-size: 14px;
text-align: left;
vertical-align: middle;
line-height: 20px;
}
.titleimg {
float:left;
margin: 15px 5px 10px 0px;
display: inline-block;
position: relative;}
.posttitle {
padding: 20px 0px 0px 0px;
}
.excerpt {margin: 20px 0px 10px 0px;}Вот пример html:
<div class="post">
<article id="post-1">
<img width="80" height="80" src="http://мойсайт.ru/wp-content/uploads/2012/10/facepalm-150x150.jpg" class="titleimg wp-post-image" alt="gf" title="gf" />
<div class="posttitle">
<h3><a href="http://мойсайт.ru/other/privet-mir/" title="Привет, мир!">Привет, мир!</a> <!--Post titles--></h3>
</div>
<div class="meta">
<span class="clock">Всякая мета-мутотень</span>
<div class="clear"></div>
<div class="excerpt">Добро пожаловать в WordPress. Это ваша первая запись. Отредактируйте или удалите её, затем пишите!</div> <!--The Meta, Author, Date, Categories and Comments--></div>
</article>
</div>Причем найдена связь, если я у titleimg убираю float:left или полностью margin, то этот глюк пропадает, но изображение в таком случае не отфлочено и не отмаргино.
Вот скриншота без флота:
Я виноват или IE?
Второй скрин с другой проблемой. Здесь все просто, фон блока .meta, а точнее пункта, где перечисление категорий перекрывает и "режет" картинку-миниатюру, если у неё не стоит position: relative. Это нормально?
Что-то я не понимат...
-
Всем спасибо. Действительно, как и говорил downhouse помогло display: inline-block! Все остальные браузеры и без него понимали все эти паддинги и маржины.
А на счет того, можно ли присваивать h8 или например hochusamku283192483, то на сколько я знаю новым браузерам судя по всему все равно как называется тэг, даже если его и нет в природе, то нужно лишь задать ему параметры отображение в стиле, который браузер и покажет. Ясное дело, что все это не валидно и если указать тэк h8 это не озачает "заголовок" со всеми характеристиками этого тэга (h) по умолчанию. А вот старые версии, того же ie такие ухищрения не обрабатываются...
Нет, ну разве не прикольно самому создавать тэги? Например: <popa>Лучшее предложение!</popa>! Осталось лишь указать в css его стиль и все готово, можно переходить на ссылку валидатора, ну и в случае если кто-то захочет посмотреть Html код страницы, то он будет весьма удивлен!!!
-
ну да, еще бывает и h15 можно сделать! Восемь - любимое число, чего поделаешь...
-
Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично!
Вот css:
Блок новостей:
.news {
width: 940px;
margin: 20px auto;
}
.newsbox {
float: left;
width:400px;
height:160px;
margin: 13px 5px 5px 30px;
overflow: hidden;
}
.newsbox img {
width:100px;
height: 100px;
float: left;
margin: 20px 10px;
display: inline;
}
.newsbox h8 {
text-shadow: 1px 1px 3px #ddd;
font-family: 'Arial';
font-size: 14px;
display: block;
padding-top: 10px;
text-align: left;
}
Кнопка читать-дальше:
.read-more {
background: #EEEEEE;
border: 1px solid #C5C7C8;
border-radius: 5px;
box-shadow: 0 0 3px 0 #C5C7C8;
padding: 3px;
margin: 2px;
}
Есть мнения?
Ох уж этот IE
in HTML Coding
Posted
Короче я так понял поведение ie не ясно