Tramontana
-
Posts
4 -
Joined
-
Last visited
Tramontana's Achievements
Explorer (1/14)
0
Reputation
-
Добрый день! Подскажите мне пожалуйста статью, в которой описано, как сделать вкладки на html. Под вкладками я понимаю в частности главное меню сайта htmlbook.ru или основной текст страницы здесь: http://htmlbook.ru/practical/tex там где написано "Задание" и "Решение". В общем, я не прошу мне ничего разжевывать - просто покажите урок, где про это написано. Спасибо!
-
Если не использовать абсолютное позиционирование, то да. А если с абсолютным, то фигушки.
-
Мне необходимо сделать трехколоночный сайт, с шапкой и футером. Причем код поля основного контента страницы должен максимально близко находится к тегу <body>. Т.е. необходимо в начале кода прописать див основного контента, дальше все остальные. Насколько я могу судить, сделать это можно только с абсолютный позиционированием. Ок! Написал код для шапки и трех колонок. Все ок. Начал ставить футер. Ничего не получается. Футер постоянно смешается вверх или вниз от того месте, где должен быть. Причем в разных браузерах по разному. Подскажите как его размесить, чтобы он был в положенном месте? <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="box"> <div id="article">Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент </div> <div id="shapka"></div> <div id="left">Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт Лефт </div> <div id="right">Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт Райт </div> </div> <div id="clear"></div> <div id="footer">Футер!</div> </body> </html> #box { width: 960px; height: 100%; margin:0 auto; position: relative; } #shapka { width:960px; height: 200px; border: 0px; position: absolute; top: 0; left: 0; background: #ffde00; } #left{ width:200px; border: 0px; position: absolute; float:left; top: 200px; left: 0; background: #00ff18; } #right { width:200px; border: 0px; position: absolute; float:right; top: 200px; left: 760px; background: #006cff; } #article { width:560px; border: 0px; position: absolute; top: 200px; left: 200px; background: #006c56; } #clear{ height:0; font-size:1px; line-height:0px; clear:both } #footer { width: 960px; height: 50px; margin:0 auto; background: #116c11; } Вот что получается
-
Мне необходимо сделать трехколоночній са