aseran
-
Posts
25 -
Joined
-
Last visited
aseran's Achievements
Explorer (1/14)
0
Reputation
-
Прочитай эту статью, должно помочь. http://www.xiper.net/html-and-css-tricks/p...-roditelya.html
-
МОжет это и не совсем то что нужно но всеже, центрируется блок - но с задаными параметрами ширины и высоты (полезно для заглушек) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>Центрируем фон</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { margin: 0; padding:0; } html, body { height:100%; } body { width:100%; height:100%; display: table; } #container { display: table-cell; vertical-align: middle; background-color: #fff; } #fone2{ display: table-cell; vertical-align: middle; background-color: #333; position:absolute; width:50%; right:0; top:0; height:100%; z-index:5; } div#center { height:200px; width:200px; margin: 0 auto; position: relative; z-index:10; margin-top: expression(( document.documentElement.offsetHeight/2) -(parseInt(offsetHeight)/2) <0 ? "0" : (document.documentElement.offsetHeight/2) -(parseInt(offsetHeight)/2) +'px') ; background-color:green; } </style> </head> <body> <div id="fone2"></div> <div id="container"> <div id="center"> Center Fone </div> </div> </body> </html>
-
Согласен, считайте мои ответы в данной теме спамом. Я признаю свою ошибку, о том что не нужно бежать в переди паровоза.
-
что касается раздела "работа с html" я написал что сайт находится в стадии начального наполнения, нет ни дизайна (используется стандартная тема Wordpress) и по этому разделы могут не соответствовать представленным урокам.
-
Если все расписывать то нужно очень много сказать, и можно что то упустить, это останется не понятым что может довести до полного непонимания. Я к стати на своем сайте *SPAM* постараюсь дать необходимые рекомендации (уроки) которые дадут необходимый толчек в нужном направлении, для человека который захотел себя связать с web версткой, к сожалению на сайт времени практически нет, и по этому он в стадии начального наполнения ) Извините за саморекламу, но думаю что в дальнейшем сайт будет полезным ресурсом для начинающих.
-
Не знаю почему Вы так решили, я же написал после изучения основ верстки приступать к более детальному изучению модели поведения блоков, для тех кто начинает изучение верстки на мой взгляд это будет лучшим направлением. Хотя сколько людей столько и мнений.
-
Выскажу свое мнение, после изучения основ html css , чтобы быстрее научиться верстать необходимо максимально точно знать модель поведения блочных элементов (позиционирование и "обтекание" - игры float-ов ) научиться зрительно представлять каркасы элементов xhtml. и понять принцип независимых блоков о которых хорошо написал Виталий Харисов.
-
* html #wrapper, * html #footer { width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':''); } применив экспрешен вы ограничили ширину обертки, но тогда нужно было сделать чтобы все элементы находящиеся в нем позиционировались относительно него? задав свойство для #wrapper { positon:relative;}
-
Кроссбраузерная и кроссплатформенная вёрска на EM
aseran replied to psywalker's topic in Discussion of works
Это моя точка зрения, я рассматриваю этот вопрос с практической стороны все исходит из затраченного времени, но если тебя это не напрягает то это твой стиль оформления, я когда-то думал что красиво оформленный код - это круто - но это лишь юзабилити. Так что на мой взгляд хватит под робных разделений коментами с идеентичными названиями в (x)html и css -
Кроссбраузерная и кроссплатформенная вёрска на EM
aseran replied to psywalker's topic in Discussion of works
Если честно то так очень удобно разобраться и вложенность и разделение по блокам, но на мой взгляд не нужно столько времени тратить на оформление стилей в такой форме - красиво но не практично к сожалению -
Кроссбраузерная и кроссплатформенная вёрска на EM
aseran replied to psywalker's topic in Discussion of works
Правильно, как раз дефолтовые и и задаешь (сначала обнулением а затем назначением новых) а потом уже и для всего остального... Но тут В общем непаханое поле как это можно организовать - на все воля верстальщика ))) -
Кроссбраузерная и кроссплатформенная вёрска на EM
aseran replied to psywalker's topic in Discussion of works
Я же написал это из-за того что внутренние стили разных браузеров различны, вот для этого и применяем, сначало обнуление, а чтобы не нарушить типографику вновь вводимого контента (не верстальщиком) т.к. каждый элемент html имеет свой стиль отображения. ты прочилал статью на хабре? или нет? думаю должно быть все понятно (смотри внимательно коментарии к данной теме) ты же пробовал вставить контент (с сайта на котором фреймворк), вложенные списки у тебя без необходимых отступов и т.п. Если ты еще не совсем понимаешь зачем все это, то если ты будешь практиковать верстку в будущем возникнут вопросы у заказчиков - что они не могут нормально вставить контент - контент будет без стилей и т.п. если ты прописываешь стили для параграфа <p></p> не факт что заказчик тоже будет вставлять текст именно в параграф если он вставит таблицу(которой изначально не было в дизайне - но очень захотелось заказчику вставить) и т.п. то тут необходимо выдержать стиль дизайна... иначе заказчик будет дергать тебя по каждому шагу добавления контента Но думаю со временем ты научишься беречь свое время . -
Кроссбраузерная и кроссплатформенная вёрска на EM
aseran replied to psywalker's topic in Discussion of works
Изначально reset.css служит для придания свойст множества браузеров к единым - т.к. по умолчанию у каждого браузера своя таблица стилей а затем с помощью этого фреймворка или его интерпритации прописываем стили единые для всех браузеров уже с отступами и т.п. т.е. мы тем самым приближаемся к одной из целей верстальщика - кроссбраузерность и соблюдение типографических свойств. -
Кроссбраузерная и кроссплатформенная вёрска на EM
aseran replied to psywalker's topic in Discussion of works
О чем я и имел ввиду если все предусмотреть то вставленный текст должен выглядеть как на сайте с которого ты его взял -
Кроссбраузерная и кроссплатформенная вёрска на EM
aseran replied to psywalker's topic in Discussion of works
http://habrahabr.ru/blogs/webdev/44084/ - думаю поймешь