Всегда верстал таблицами, решил изучать DIV. Сразу столкнулся с такой проблемкой. Есть 2 div: HTML: <div id="header">Логотип</div><!--id="header"--> <div id="rega"> Форма реги </div><!--id="rega"--> [css] #header { background-image:url(img/logo.jpg); background-repeat: no-repeat; width:1000px; height:210px; } #rega { position:relative; right: 20px; top:10px; } [/css] Хочу чтоб <div id="rega"> был поверх <div id="header"> в определенном месте, что-то ны выходит, позиционируется ниже <div id="header">
а как вы таблицами верстали бы это? наверное бы одну таблицу внутрь другой засунули? так же и тут - див внутрь дива, тогда он и будет отображаться где надо, а там дальше css - margin, padding, float
Пытаюсь у таблицы сделать закругленные углы, не получается, в чем ошибка? HTML: <body> <div id="main"> <div id="header"> <div id="rega"> Форма реги </div><!--id="rega"--> </div><!--id="header"--> <div id="menu"> Меню </div><!--id="menu"--> <div id="kontent"> <div id="fish" > <div class="corners"><div><div><div> <p>11111 </p> </div></div></div></div> </div><!--id="fish"--> <div id="hunter"> 222 </div><!--id="hunter"--> <div id="right"> <p>Правый fg</p> <p>апап</p> <p>ап</p> </div> <!--id="right"--> </div><!--id="kontent"--> <div id="reklama"> Реклама </div><!--id="reklama"--> <div id="footer">Футер</div> <!--id="reklama"--> </div><!--id="main"--> </body> [css] html, body {margin:0; padding:0; border:#dedede; height:100%;} .corners { background: #f1f8fe; } .corners div { background: url(ugol_right.jpg) top right no-repeat; } .corners div div { background: url(ugol_right.jpg) bottom right no-repeat; } .corners div div div { background: url(ugol_right.jpg) bottom left no-repeat; } #main {border:solid 1px #dedede; width:1000px; margin:auto; height: 100%; display:table;} #header {background-image:url(img/logo.jpg); background-repeat:no-repeat; width:1000px; height:210px; z-index:1; } #kontent {margin-top: 10px;} #fish {width:320px; border: solid 1px #a5ddfa; float:left; margin-left:10px; } #hunter {width:320px; border: solid 1px #a5ddfa; float:left; margin-left:10px; } #right {width:320px; border: solid 1px #a5ddfa; margin-left:670px; } [/css]
вы лучше почитайте статьи разные, попгуглите, посмотрите как люди делают. с нуля вот так очень сложно будет понять. есть разные техники просто.
да, и еще если человек переходит с таблиц на дивы, и вот так вот сразу хочет скругденные углы, то сначало пусть еще научится верстать двухколончатый, трехколончатый, резиновый, не резиновый макет страницы с футером, это полегче и заодно основы поймет.