compik
-
Posts
7 -
Joined
-
Last visited
compik's Achievements
Explorer (1/14)
0
Reputation
-
спасибо! буду вникать ) я начинающий )
-
Спасибо тебе.. теперь усё работает правильно! )
-
там в разметке просто отступы я не проставлял.. было бы удобней понять структуру с отступами....
-
паддинг контента я задавал, чтоб инфа внутри блока не прилипала к левой границе блока контента.. если его даже убрать, ничего не меняется.. правая так-же внизу и остается..
-
нет.. не помогло, ширина средних колонок резиновая.. указаны просто отступы слева и справа.. нижнюю колонку что-то толкает вниз.. не могу понять что именно... левая и правая колонки фиксированная ширина, а центральная задумывалась как резиновая..
-
спасибо за ответ, но правая колонка так и не поднялась вверх (
-
Уважаемые гуру! уже несколько дней бьюсь с трехколоночным макетом.. Не могу сделать так, чтоб 3-я колонка поднялась вверх. Её что-то опускает вниз. Напишите в какую сторону копать.. Спасибо! index.html <html><header><link rel="stylesheet" type="text/css" href="style.css"></header><body><div id="main"> <div id="header">Header<div id="menu">Menu</div> </div><div id="clear"> </div><div id="wrap"><div id="left_col">left</div><div id="slideshow">Slideshow</div> <div id="content">Content</div><div id="right_col">Right</div></div><div id="clear"> </div><div id="news">News</div><div id="search">Search</div><div id="clear"> </div><div id="footer">Footer</div></div></body></html>style.css body { background: lightblue;}#main { margin: 0 auto; width: 1000px;}#header{ width: 996px; height: 130px; background-color: #FFF; border: 2px solid black;}#menu { width: 650px; height: 40px; background-color: yellow; float: right; margin-top: 10px; margin-right: 10px; border: 2px solid black;}#wrap { background: #FFF; overflow: hidden;}#left_col { width: 215px; float: left; padding-left: 5px; background-color: #FFF; border: 2px solid black; }#slideshow { height: 250px; background-color: #FFF; margin: 0 207px 3px 227px; padding-left: 5px; border: 2px solid black;}#content { background-color: #FFF; margin: 0 207px 0 227px; padding-left: 5px; border: 2px solid black;}#right_col { width: 195px; float: right; padding-left: 5px; background-color: #FFF; border: 2px solid black;}#news { width: 680px; min-height: 100px; float: left; padding-left: 5px; background-color: #FFF; border: 2px solid black; }#search { width: 299px; min-height: 100px; float: right; padding-left: 5px; background-color: #FFF; border: 2px solid black; }#footer { background-color: #FFF; width: 996px; height: 70px; border: 2px solid black; }#clear { clear: both; margin-bottom: 3px;}
