Автор: MracoBess
Моя проблема такова я хочу сверсать свой первый сайт, я сделал меню, но оно странно отображается, необходимо чтобы все пункты отображались одной строкой
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Новости обо всем</title> <link href="css/style2.css" rel="stylesheet" type="text/css"> </head> <body> <header> <div id"logo"> Имя </div> <div id="menuHead"> О нас </div> <div id"regAuth"> Войти Зарегистрироваться </div> </header> </body> </html> @charset "UTF-8"; * { margin: 0; padding: 0; outline: none; } html { height: 100%; } body { width: 100%; height: 100%; background-color: #fff; color: #333; font-family: "Segoe UI", Arial, sans-serif; font-size: 1em; line-height: 135%; } a, a:hover { color: #d90fff; text-decoration: none; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -o-transition: all.6s ease; transition: all.6s ease; } a:hover { color: #00ffff; } .clear { clear: both; } /* styles for header*/ header { width: 98%; float: left; padding: 1%; background-color: #fafafa; border-bottom: 2px solid silver; } header #logo { width: 40%; float: left; } header #menuHead { width: 30%; float: left; } header #auth { width: 30%; float: left; }
Ломается верстка меню в FireFox (40-ая версия и ранее)
Меню отскакивает вправо:
Сайт на worspress
Поделиться сообщением
Ссылка на сообщение
Поделиться на других сайтах