Jump to content

compik

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by compik

  1. Спасибо тебе.. теперь усё работает правильно! )
  2. там в разметке просто отступы я не проставлял.. было бы удобней понять структуру с отступами....
  3. паддинг контента я задавал, чтоб инфа внутри блока не прилипала к левой границе блока контента.. если его даже убрать, ничего не меняется.. правая так-же внизу и остается..
  4. нет.. не помогло, ширина средних колонок резиновая.. указаны просто отступы слева и справа.. нижнюю колонку что-то толкает вниз.. не могу понять что именно... левая и правая колонки фиксированная ширина, а центральная задумывалась как резиновая..
  5. спасибо за ответ, но правая колонка так и не поднялась вверх (
  6. Уважаемые гуру! уже несколько дней бьюсь с трехколоночным макетом.. Не могу сделать так, чтоб 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;}
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy