binare
-
Posts
9 -
Joined
-
Last visited
binare's Achievements
Explorer (1/14)
0
Reputation
-
для ранее созданных сайтов мастерская доступна, но не для новых. за ответ спасибо, я что-то и не подумал о перестановке блоков, всё в CSS ошибку искал...
-
вот он HTML, знаю что немного инвалидный, не окончательная вёрстка. !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" rel="stylesheet" href="styles.css"> <title>[TITLE]</title> </head> <body> <div id="stat"></div> <!-- <header> --> <!--wrapper start --> <div id="wrapper"> <div id="binare_header"></div> <div id="menu">main menu</div> <!-- </header> --> <div id="binare_body"> <div id="blocks"> <div id="block_1">one</div> <div id="block_2">two</div> <div id="block_3">three</div> </div> <div class="clear"></div> <div id="binare_content">[BODY]</div> </div> <!-- <footer> --> <div id="binare_footer">copyright</div> <!-- </footer> --> </div> <!-- wrapper end --> </body> </html> вот CSS, тоже не доработан, и немного инвалиден. body { background-color: #1f3659; background: url(/img/bg.png)top-center no-repeat; font: 8px Tahoma #fff; } #wrapper { width: 600px; margin: 0 auto; } #binare_header { position: fixed; top: 0; background: url(/img/head.png) no-repeat; width: 600px; height: 80px; } #binare_body { margin-top: 93px; margin-bottom: 39px; background: #808080; width: 600px; height: 100%; } #blocks { background: #606070; height: auto; padding: 5px; margin: 5px; font: 8px Tahoma #fff; } #block_1 { background-color: #808080; float: left; width: 190px; } #block_2 { background-color: #808080; margin: 0 195px 0 195px; width: 190px; } #block_3 { background-color: #808080; position: relative center; float: right; width: 190px; } #binare_content { background: #606070; margin: 5px; padding: 5px; font: 8px Tahoma #fff; } #binare_footer { width: 600px; height: 39px; position: fixed; bottom: 0; background: #606070; } в narod.ru нет возможности редактирования вёрстки, только работа со стандартными шаблонами. гуглил - отключена мастерская.
-
я не выбрал себе хостинг, могу или постом выложить код, или через файлхостинг, но это гемор. или просто назови любой бесплатный хостинг для тестов (только не на PHP). есть способ поставить третий блок на задуманное место, но я не хочу жертвовать валидностью вёрстки.
-
честно говоря ничего толкового она не делает, испытывал всё что можно как с position так и с margin. меня интересует вертикальное позиционирование, а блок наследует атрибуты позиционирования будто с потолка. я хоть и тормоз, но хочу понять почему этот блок съезжает вниз, откуда он берёт своё позиционирование?
-
долго думал и экспериментировал. сделал вывод: на margin браузеры реагируют по-разному, не важно какими единицами пользоваться. изменение атрибутов родительского блока только портят вид. эксперименты с positionне дали положительного результата.
-
валидатор тоже матерится на ошибки, исправил возможные, но он ругается на пробелы в имени, которых нет. исправления ничего не изменили
-
#wrapper { position: relative center; width: 600px; margin: 0 auto; } #binare_header { position: fixed; top:0; background: url(картинко) no-repeat; width: 600px; height: 80px; а вот атрибуты блока, в котором те три сидят: #blocks { background: #606070; height: auto; padding: 5px; margin: 5px; font: 8px Tahoma #FFF; } лично я нигде ошибки не увидел, и сверстал валидно, но результат не сходится с замыслом.
-
моего сообщения не увидели в другой теме, потому пришлось создавать новую. у меня три блока, но третий съехал чуть вниз, не могу понять в чём ошибка. #block_1 { background-color: #808080; float: left; width: 190px; } #block_2 { background-color: #808080; margin: 0 195px 0 195px; width: 190px; } #block_3 { background-color:#808080; position: inherit; float: right; width: 190px; } P.S: эти три блока сидят ещё в одном. объясните в чём проблема, вёрсткой занялся недавно, потому строго не судите.
-
всем привет. третий блок не встаёт на уровне первых двух, а немного сползает вниз: #blocks{ background: #606070; height: auto; padding: 5px; margin: 5px; font: 8px Tahoma #FFF; } #block_1 { background-color: #808080; float: left; width: 190px; } #block_2 { background-color: #808080; margin: 0 195px 0 195px; width: 190px; } #block_3 { background-color:#808080; position: inherit; float: right; width: 190px; } в чём моя проблема? объясните, может я что-то пропустил?