alex_boss

Да я думал уже об этом, но хотелось узнать как же это сделать дивами... Но чувствую так и придётся сделать. Спасибо. И ещё, подскажите пожалуйста, как в ИЕ сделать что бы маркеры списка отображались как в мозиле ?

Поправка - в Opera то же самое что и в IE ((

Проблема в следующем... В IE7 - http://truhouse.narod.ru/IE7.jpg , а в остальных браузерах - http://truhouse.narod.ru/Mozila.jpg Не могу понять в чём дело... (( И ещё расстояние в маркерованом списке от маркера до пунктов IE почему то коверкает ((... Вот ещё раз код, немного исправлен, отцентрованы элементы формы и кнопки, как на скриншотах. .input_l { width:90px; position:relative; margin:0; padding:0; top:-35px; left:35px; } .input_p { width:90px; margin:0; padding:0; position:relative; top:-30px; left:35px; } .input_text_l { float:left; font-size:13px; position:relative; top:3px; left:15px; } .input_text_p { float:left; font-size:13px; position:relative; top:9px; left:15px; } .submit_login { font-size:12px; padding:0px; position:relative; top:-21px; left:58px; } .form_login{ height:50px; position:relative; } .login_button1 { position:relative; font-size:12px; float:left; margin:15px 0 0 25px; } .login_button2 { position:relative; font-size:12px; float:right; margin:15px 25px 0 0; } .reg_button { font-size:12px; left:-30px; top:5px; position:relative; }

Здравствуйте уважаемые участники форума. Есть проблема, никак не могу разобраться... Пытаюсь выровнять поля для ввода пароля и кнопки относительно друг друга... Пробовал и свойством margin и обычными top, left, с position:relative; Во всех браузерах более мение корректно, а в IE кнопки постоянно меняют положение... @charset "utf-8"; /********************************************************/ html, body { margin:0; padding:0; border:0; width:100%; height:100%; background:url(images/bg.png) repeat-x top; background-color:#ffffff; text-align:center; font-family: Helvetica, Verdana, Arial, sans-serif; } /********************************************************/ #conteiner { margin:0 auto; padding:0; border:0; width:810px; height:100%; background:#ffffff; position:relative; } #header { margin:0; padding:0; border:0; width:810px; height:125px; background:url(images/bg.png); float:left; clear:both; overflow:hidden; } #cs_conteiner { margin:0; padding:0; border:0; width:810px; background:#ffffff; float:left; clear:both; overflow:hidden; } #content { margin:15px 0; padding:0; border:0; background:#ffffff; width:610px; float:left; /*border:1px dotted black;*/ } #sidebar { margin:15px 0; padding:0; border:0; width:195px; height:390px; background:#ffffff; float:right; overflow:hidden; } #loginform { margin:0; padding:0; border:0; width:190px; height:125px; background:url(images/loginform.png); float:right; overflow:hidden; border:1px dotted black; } #menu { margin:7px 0; padding:0; border:0; width:190px; height:250px; background:url(images/menuform.png); float:right; overflow:hidden; } #void { height:30px; clear:both; } #footer { margin:-30px 0 0 0; padding:0; border-top:1px solid #c9d3d5; width:100%; height:30px; background:url(images/bgfooter.png); position:relative; display:block; clear:both; font-size:10px; text-align:center; } /********************************************************/ .text_head { float:left; } .atom { margin:-120px 35px 0 0; width:120px; height:115px; float:right; } .device { margin:-63px 0 0 0; width:275x; height:50px; float:left; } .loginform { margin:10px 0 10px 0; text-align:center; font-size:14px; border:1px dotted black; } .menu { margin:10px 0 5px 0; text-align:center; font-size:14px; } .copyright { background:none; margin:6px 0 0 0; padding:0; } /********************************************************/ .input_l { width:90px; position:relative; margin:0; padding:0; top:-35px; left:35px; } .input_p { width:90px; margin:0; padding:0; position:relative; top:-30px; left:35px; } .input_text_l { float:left; font-size:13px; position:relative; top:3px; left:15px; border:1px dotted black; } .input_text_p { float:left; font-size:13px; position:relative; top:9px; left:15px; border:1px dotted black; } .submit_login { font-size:12px; padding:0px; margin: -45px 0 0 2px; } .form_login{ height:50px; } .login_button1 { position:relative; font-size:12px; float:left; margin:15px 0 0 25px; } .login_button2 { position:relative; font-size:12px; float:right; margin:15px 25px 0 0; } .reg_button { font-size:12px; left:-30px; top:5px; position:relative; } .menulist { text-align:left; font-size:13px; text-indent:8px; list-style-image:url(images/listmenu.png); } a.menulist { color:black; } a.menulist:hover { font-size:14px; color:#ee4943; } p { background:none; } p.hello { font-size:13px; } p.error { font-size:12px; text-align:left; margin-left:5px; margin-top:-1px; } a { text-decoration:none; } u.username { color: #03C; text-decoration:none; } .reg_table { border:none; text-align:left; font-size:12px; } .tests { text-align:left; } tr { height: 20px; } h2 { text-align:left; } li { text-align:left; } input { font-size:12px; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="style.css" type="text/css"> <script src="../js/functions.js" type="text/javascript"></script> <title>Школьные тесты по физике</title> </head> <body> <div id="conteiner"> <div id="header"> <img src="images/text_head.png" class="text_head" alt="ads"> <div class="atom"><img src="images/atom.png" width="120px" height="120px" alt=""></div> <div class="device"><img src="images/head.png" alt=""></div> </div> <div id="cs_conteiner"> <div id="content"></div> <div id="sidebar"> <div id="loginform"> <?php if (isset($_SESSION['user_name'])) { ?> <p class="hello">Здравствуйте<br><br><u class="username"><?php echo $_SESSION['user_name'].'!'; ?></u></p> <?php if ($_SESSION['status'] == 1) { ?> <form> <input TYPE="button" VALUE="Админка" ONCLICK="HomeButton()" class="login_button1"> <?php } ?> <input TYPE="button" VALUE="Выйти" ONCLICK="IndexButton()" class="login_button2"> </form> <?php } else { ?> <p class="loginform"><b>Авторизация</b></p> <link href="/login/login.php" /> <form action="/login/login.php" method="POST" class="form_login"> <div class="input_text_l">Логин</div> <div class="input_text_p">Пароль</div> <input type="text" name="username" class="input_l" /> <input type="password" name="pass" class="input_p" /> <input type="button" value="Регистрация" onClick="reg_button()" class="reg_button"> <input type="submit" value="Войти" class="submit_login" /> </form> <?php if (isset($_SESSION['error_login'])) { ?> <p class="error"><font color="#FF0000">Неверный логин<br />или пароль.</font></p> <?php unset($_SESSION['error_login']); } else { ?> <?php } } ?> </div> <div id="menu"> <p class="menu"><b>Главное меню</b></p> <ul class="menulist"> <li><a href="index.php" class="menulist">Главная</a></li> <li><a href="#" class="menulist">Инструкции</a></li> <li><a href="#" class="menulist">Теория</a></li> <li><a href="content/select_test.php" class="menulist">Начать тест</a></li> <li><a href="#" class="menulist">Статистика</a></li> </ul> </div> </div> </div> <div id="void"></div> </div> <div id="footer"><p class="copyright"> © 2010</p></div> </body> </html>