[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: IE и верстка
bob marley
Верстаю шаблон..Во всех браузерах все хорошо кроме любимого IE старой версии..у меня два косяка..
Один косяк в том,что не рабит margin:0 auto; в IE старых версий..
И ещё один в том,что не смотря на margin:0px: в IE старых версиях между картикой и блоком INFO отступ появляется mad.gif что мне делать? huh.gif



Спустя 2 минуты, 16 секунд (8.02.2012 - 16:01) inpost написал(а):
вообще-то надо код давать, выставить сайт в интернете и ссылочку на него дать.
К тому же ты не говоришь, кому ты выставляешь magrin.
А ведь есть ещё и padding.

Спустя 59 секунд (8.02.2012 - 16:02) bob marley написал(а):
inpost
и padding тоже нето..ссылку и код..мм..сей момент!

Спустя 1 минута, 16 секунд (8.02.2012 - 16:03) bob marley написал(а):
Ссылка: http://img.slovamne.ru/
Код:
Свернутый текст


<html lang="ru">
<head>
<title>
Катя Филатова</title>
<meta
http-equiv="content-type" content="text/html; charset=UTF-8">
<link
rel="shortcut icon" href="http://slovamne.ru/favicon.ico" type="image/x-icon">
<style
type="text/css">
body{
margin:0px;padding:0px;
}
#logo{
margin:0px;padding:0px;min-width:800px;
}
#info
{
width:100$;min-width:800px;height:30px;display:block;background-image:url(http://img.slovamne.ru/img/info-bg.png);margin:0px;padding:0px;
}
.right
{
float:right;margin:0px;
}
#content
{
width:800px;margin:0 auto;
}
</style>
</head>
<body>
<div
id="logo">
<img
src="http://img.slovamne.ru/img/logo.png" width="100%" alt="Катя Филатова">
</div>
<div
id="info">
<p
class="right">Тут что-нибудь нужно будет прикрутить</p>
</div>
<div
id="content">
<p>
От пользователя <b>Игорь Мещеряков</b></p><p>Вопрос:</p><p><i>Ты пленила меня взглядом</i></p><p>Ответ</p><p><i>Ох-ох:*</i></p><hr color="black"><p>От пользователя <b>Игорь Мещеряков</b></p><p>Вопрос:</p><p><i>Ты прекрасна</i></p><p>Ответ</p><p><i>Спасибо</i></p><hr color="black"></div>
<div
style="display:none;width:300px;background-color: #DADCE0;"><h2><font color="#FFFFFF">Ошибки:</font></h2><h4>Ошибок нет</h4></div>
</body>
</html>


Спустя 8 минут, 12 секунд (8.02.2012 - 16:11) inpost написал(а):
ну а где меню...

Спустя 19 секунд (8.02.2012 - 16:11) inpost написал(а):
И картинкам тоже надо задавать margin & padding

Спустя 2 минуты, 1 секунда (8.02.2012 - 16:13) Winston написал(а):
Нифига се, вот это шапка, грузится несколько сек. blink.gif И вес почти 800кб blink.gif

Спустя 2 минуты, 46 секунд (8.02.2012 - 16:16) bob marley написал(а):
Winston
Давай по теме,а?Я девушки делаю..и хочу чтобы верхушка была такой..
inpost
я загнался..не меню а блок INFO
ставил на картинку margin и padding не фига..и border тоже не фига

Спустя 13 минут (8.02.2012 - 16:29) inpost написал(а):
А почему это я не вижу, что у тебя установлены padding & margin для картинки?

Спустя 3 минуты, 33 секунды (8.02.2012 - 16:33) bob marley написал(а):
inpost
потому,что не работало!!!по этому убрал!!!
было в css
Свернутый текст

img
{
margin:0px;padding:0px;border:0px;
}


Спустя 2 минуты, 40 секунд (8.02.2012 - 16:35) inpost написал(а):
зачем мне то, что было! Ты выстави это, а там поговорим. И пробел между <img> и закрывающим тегом </div> тоже убери.

Спустя 3 минуты, 41 секунда (8.02.2012 - 16:39) bob marley написал(а):
вернул..не работало..пробел убрал,заработало blink.gif
чхз?!..так ну ладно..
спасибо! smile.gif
а по второму вопросу что?чем заменить margin:0 auto;...просто тег <center> не очень охота ставить!

Спустя 1 минута, 40 секунд (8.02.2012 - 16:41) inpost написал(а):
<div align="center">
тут содержание
</div>

Спустя 2 минуты, 25 секунд (8.02.2012 - 16:43) bob marley написал(а):
inpost
ну это я знаю..пытался в css переместить..ну тоесть align:center; не сработало

Спустя 29 секунд (8.02.2012 - 16:44) inpost написал(а):
а в css и не будет работать. Это же аттрибут тега.

Спустя 1 минута, 56 секунд (8.02.2012 - 16:46) bob marley написал(а):
inpost
у меня почему-то текст по центру а не блок..

Спустя 6 минут, 46 секунд (8.02.2012 - 16:52) inpost написал(а):
Центровка идёт не на ЭТОТ блок, а на те, что ВНУТРИ этого блока. То есть внутри блока будет располагаться ДРУГОЙ блок.

Спустя 39 минут, 20 секунд (8.02.2012 - 17:32) bodja написал(а):
Для начала стоит доктайп поставить,желательно 4.01 ,что бы все красивенько центровалось даже в ИЕ.Ну а потом удивлятся почему маргин не работает biggrin.gif

Спустя 12 минут, 20 секунд (8.02.2012 - 17:44) inpost написал(а):
О ужас, там даже доктайпа нет...

Спустя 47 минут, 8 секунд (8.02.2012 - 18:31) VELIK505 написал(а):
Цитата (bodja @ 8.02.2012 - 14:32)
Для начала стоит доктайп поставить,желательно 4.01 ,что бы все красивенько центровалось даже в ИЕ.Ну а потом удивлятся почему маргин не работает  :D

Зачем? Надо ставить просто:
<!DOCTYPE html>
<html>

2012 год на дворе.

Цитата (bob marley @ 8.02.2012 - 13:16)
Winston
Давай по теме,а?Я девушки делаю..и хочу чтобы верхушка была такой..

Он тебе правильно всё сказал про шапку. Тебе никто не говорит что шапка не должна быть такой но надо уметь оптимизировать графику. Вот смотри вот там прозрачность не нужна. Зачем она png ?
Вот смотри я перевёл её в jpg
http://nice-bux.ru/logo2.jpg
чё ты видишь? 150кб не плохо да?
Тут я беру и вырезаю из неё все мета данные и дату смотрим результат
http://nice-bux.ru/logo3.jpg
опаньки уже 75кб против твоих 800кб. А разницу в качестве видишь?
У тебя красивая девушка сделай ей хороший сайт. Замени шапочку на оптимизированую что я тебе сделал. Удачи тебе в бою с вёрсткой :D

Спустя 34 минуты, 5 секунд (8.02.2012 - 19:05) sebastjan написал(а):
Про вёрстку думаю разберёшся так что коментов не делаю.
А вот по поводу фото , очень плохо, создаётся впечатление что что то из её головы вытекает и голова лежит в луже чего то коричневого.
Есть простенькие уроки фотошоп как сделать хорошее фото с мобильного, типа убрать ненужные шумы, потом простенький урок как сделать фото как с глянцевых журналов.
И фото акцентированно фокусом на поднятом локте, вот куда взгляд попадает а это плохо, акцентируй фокус на глазах,лицо а остальное немного рамыть по мере удаления.
А то получается - Ты покорила меня своей вязанной кофточкой.

Спустя 26 минут, 3 секунды (8.02.2012 - 19:31) inpost написал(а):
VELIK505
Ну мне в каждой теме одно и то же писать? твой доктайп не будет работать в ИЕ7-8. Ты скажи, ты делаешь сайты для СЕБЯ, или для ЛЮДЕЙ? ЛЮДИ = 30% в ИЕ7-8. Я, лично, делаю сайты для людей.

Спустя 34 минуты, 53 секунды (8.02.2012 - 20:06) VELIK505 написал(а):
Цитата (inpost @ 8.02.2012 - 16:31)
VELIK505
Ну мне в каждой теме одно и то же писать? твой доктайп не будет работать в ИЕ7-8. Ты скажи, ты делаешь сайты для СЕБЯ, или для ЛЮДЕЙ? ЛЮДИ = 30% в ИЕ7-8. Я, лично, делаю сайты для людей.

Не говори глупостей.
Он будет работать везде!
http://andreivelikanov.ru/index2.php
Чё не работает в IE7 и в IE8 ?
http://www.google.ru/
http://mail.ru/
http://www.facebook.com/
http://ruseller.com/
http://www.youtube.com/
Думаю хватит а так везде в нормальный проект загляни везде под капотом Доктайп HTML5-ого и вёрстка независимыми блоками и работает и в IE7 и в IE8 и в старых операх и тд.
А если тебе новый тег надо включить в старом IE то делаеться просто либо с помощью скрипта гугла как я сделал тут:
http://fanjet.ru/
либо через <script>

Спустя 17 минут, 55 секунд (8.02.2012 - 20:24) inpost написал(а):
VELIK505
Тебе показать баги на каждом из сайтов в ИЕ7?
К тому же у тебя хватит опыта и ты имеешь штат в 40 000 работников, которые смогут сверстать и добавить лишние условия для нужных тегов по сайту?
Не смеши меня, ты париться над таким не будешь, и часть элементов будет у тебя криво работать.

Спустя 10 минут, 2 секунды (8.02.2012 - 20:34) VELIK505 написал(а):
Цитата (inpost @ 8.02.2012 - 17:24)
VELIK505
Тебе показать баги на каждом из сайтов в ИЕ7?
К тому же у тебя хватит опыта и ты имеешь штат в 40 000 работников, которые смогут сверстать и добавить лишние условия для нужных тегов по сайту?
Не смеши меня, ты париться над таким не будешь, и часть элементов будет у тебя криво работать.

Мне всё с тобой понятно.
Я тебе так же почти на любом сайте который в старом доктайпе показать косяк в IE7 и чё?
Речь в том что если делать нормально пусть то HTML4.01 или HTML5 оно будет нормально что в Ie7 что в Ie8
Гугл последний доктайп. и даже кавычки не ставят с целями экономи времени загрузки страницы видать хз короче вот допустим строка с их исходника
<span class=gbts></span></li><li class=gbt><a class=gbgt id=gbg5 href="http://www.google.ru/preferences?hl=ru" title="Настройки" onclick="gbar.tg(event,this)" aria-haspopup=true aria-owns=gbd5><span class=gbtb2>

и всё работает в IE7

Спустя 4 часа, 1 минута, 44 секунды (9.02.2012 - 00:36) sebastjan написал(а):
Да ладно, религиозные это войны.
Доктайп писать - считается хорошим тоном.


Спустя 22 минуты, 57 секунд (9.02.2012 - 00:59) inpost написал(а):
VELIK505
Ты гугл не бери в пример. Или если хочешь чему-то научиться, походи по соседним темам.

Спустя 15 часов, 17 минут, 4 секунды (9.02.2012 - 16:16) inpost написал(а):
Ну да ну да,
Свернутый текст
#POST# t=57305<br />
Цитата (inpost @ 8.02.2012 - 21:59)
VELIK505
Ты гугл не бери в пример. Или если хочешь чему-то научиться, походи по соседним темам.

Чему там учиться? Как г-сайты создавать?


Свернутый текст
Мы все пидарасы, а ты - Д’Артаньян!


_____________
伊戈尔
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.