Здравствуйте.
Подскажите где проблема?
Съезжает дизайн (прыгает влево), как только появляется много текста т.е. больше вышины страницы
Сбился с ного почему, подскажите где поправить нужно?
Вот мой CSS стиль
CODE ( html):
скопировать код в буфер обмена
* { margin: 0; padding: 0; } html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 12px/18px Arial, sans-serif; width: 100%; height: 100%; } .wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Header -----------------------------------------------------------------------------*/ .header { height: 150px; background: #FFE680; } /* Middle -----------------------------------------------------------------------------*/ .middle { width: 100%; padding: 0 0 100px; position: relative; } .middle:after { display: table; clear: both; content: ''; } .container { width: 100%; float: left; overflow: hidden; } .content { padding: 0 0 0 270px; } /* Left Sidebar -----------------------------------------------------------------------------*/ .left-sidebar { float: left; width: 250px; margin-left: -100%; position: relative; background: #B5E3FF; } /* Footer -----------------------------------------------------------------------------*/ .footer { width: 1000px; margin: -100px auto 0; height: 100px; background: #BFF08E; position: relative; }
Код страницы
CODE ( html):
скопировать код в буфер обмена
<!doctype html> <html> <head> <link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,300" type="text/css"> </head> <body> <div class="wrapper"> <header class="header"> </header><!-- .header--> <div class="middle"> <div class="container"> <main class="content"><?=$content?> </main><!-- .content --> </div><!-- .container--> <aside class="left-sidebar"><?=$menu?> </aside><!-- .left-sidebar --> </div><!-- .middle--> </div><!-- .wrapper --> <footer class="footer"> </footer><!-- .footer --> </body> </html>
СПАСИБО.(Отредактировано автором: 16 Марта, 2016 - 12:54:50)
|