ko6ag

да, вы правильно поняли. Мне надо чтобы логотип и форма авторизации были на одной линии, но логотип слева, авторизация справа, через 20 пикселей спасибо огромное. сейчас попробую

Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #authh { margin-left: 780px; width: 220px; height: 235px; border: 1px solid; border-color: #000000; } Т.е. слева у нас находится див с большим логотипом, а дальше справа от него через 20 пикселей находится форма авторизации. Так вот дело в том, что если у формы авторизации непрописывать margin-left: 780px; тогда она почему то прячется за логотип. Не переносится на другую строку, а просто находится за ним. Если у логотипа прописать margin-right: 20px; то это тоже никакого результата не дает. Все пока проверяю в Опере. А IE вообще твориться что то невообразимое. Ткните меня мордой в правильном направлении. Все головушку сломала уже. Прочитала кучу информации, но по-моему у меня в голове каша... Спасибо.