Максим Саенко
-
Posts
2 -
Joined
-
Last visited
Максим Саенко's Achievements
Explorer (1/14)
0
Reputation
-
ПАМАГИТЕ... или я себя не того... всю ночь сидел бился... почитал статью (где она только раньше была?!??) попробовал — получилось... решил переделать... и пошла котовасия!!! То райт на лефт заезжает, то футер куда-то уходит... короче долго бился, но победил... щас, вроде, всё нормально... но... появился какой-то отступ сверху... пикс. так на 15-20 (см. рис.). Привожу коды страницы и css-стилей Страница: <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Бебебе</title><link href="/css/style.css" rel="stylesheet" type="text/css"></head><body><div id="page"> <div id="header"><h1>Слоган или имя сайта</h1></div> <div id="left"> Здесь потом что-то напишем </div> <div id="right"> Это основная колонка сайта </div> <div id="footer">© Подвальчик сайта</div></div></body></html>Таблица стилей: html { margin:0; padding:0}body { margin:0; padding:0; font-family: verdana; font-size: 11px; color:#000000; background-color:#999999; height:100%;}h1 { font-size:18px; color:#DCDCDC;}a { text-decoration:none;}/*Page ID*/#page { width:1000px; margin:0 auto; background: #ffffff;}#header { border-radius: 5px 5px 0 0; width: 950px; background:#FFF5EE; height:150px; line-height:150px; margin:10px 25px 0 25px;}#left { width:250px; float:left; margin-left:25px; background:#E6E6FA; padding:5px 0;}#right { width:700px; margin-left:275px; background:#FFF0F5; padding:5px 0;}#footer { width:950px; clear:both; height:50px; line-height:50px; background:#FFE4E1; margin:0 25px 10px 25px;}И вот что получилось:
-
Ребята! Вот как я не лазил по сайтам, посвященным html/css — никак мне нормально рассказать не могут (или это у меня руки кривые). Короче есть код: #menu { width: 600px; height: 30px; margin: 0px auto; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 150px; padding: 5px 0px; text-align: center; text-decoration: none; font-weight: bold; background: #EEEEEE; } #menu a:hover { background: #CCCCCC; } происходит нормальное выравнивание по вертикали по центру! Вот как тут: http://template.ho.ua/norm/ Делаю ТОЧНО по аналогии, но только мне DIV-ы пошире нужны, да и повыше (не хочу чужой код лопатить) И У МЕНЯ, блин пасхальный, текст выравнивается по вертикали СВЕРХУ (тут вырезается цензурой)!!! http://template.ho.ua/my/ ЧТО Я (тут вырезается цензурой), блин дырявый, не так делаю!? Может кто подскажет такие вещи: как, используя в div-e height выровнять по вертикали по центру!? чему будет равна высота такого div-а и как ее вычислить: div.test { font-family:verdana; paddind-top:10px; paddind-bottom:10px; font-size:11px; }
