ZMichail
-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by ZMichail
-
-
Так пишите более подробно, чего именно вы пытаетесь достичь? Правая фиксированная левая резиновая? Фиксированная чего? Позиция, размер?
Правая колонка (сайдбар) с фиксированной позицией высотой во весь экран. При прокрутке перемещается вместе со всем содержимым по странице (100% длинны).
Левая колонка (контент) просто высотой во весь экран. Когда контента мало белый фон просто доходит до нижнего края экрана, когда контента много - прокрутка.
Все тоже самое только колонка справа.
-
Он предлагает сделать просто двухколоночный макет без растяжения колонок на всю длинну и без фиксированного сайдбара. Такой я и сам могу сделать...
-
Сделал 2 колонки на 100% длинны страницы, одна фиксированная, НО!
Нужно сделать 2х колоночный макет с длинной во всю страницу, причем правая колонка должна быть фиксированой. Почти получилось, но нужно перенести фиксированую колонку слевой стороны на правую. Под конец дня голова уже не варит.
Любые советы, ссылки, намеки, решения подойдут.Заранее спасибо!
Код HTML:
<!doctype html><html> <head> <title>SF</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div class="container"> <div class="content"> Absolute Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.Absolute Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.Absolute Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.Absolute Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. </div> <div class="sidebar"> Absolute Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. </div> </div> </body></html>
Код CSS:
html, body { height:100%;}body { background-color: #eee; margin: 0; padding: 0; font-family: "PT Sans",Verdana,Arial,sans-serif; color: #4f6173;}.container { width: 1000px; margin: auto; background-color: #fff; height: auto !important; height: 100%; min-height: 100%; }.content { margin-left: 250px; padding: 10px;}.sidebar { position: fixed; width: 230px; background: #502657; top: 0px; bottom: 0px; overflow: auto; padding: 10px; color: #fff;}
Скрин:
-
Не подскажете как сделать css только для иэ?
-
Спасибо. С хромом решено, теперь с ие) Но смысл понял, поиграюсь маджином и паддингом.
-
Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите(
Код:
[hide]
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#394e63;}input[type="submit"] {width: 20px;height: 20px;border: none;background: url(img/search.png) no-repeat;float:right;margin: 7px 7px 0px 0px;outline: none;-webkit-appearance: none;}input::-ms-clear {display: none;}input[type="submit"]:hover{background: url(img/search_hover.png) no-repeat;cursor:pointer;} </style> </head> <body> <form> <div class="search"> <input type="text" name="search" placeholder="Поиск..."> <input type="submit" value=""> </div> </form> </body>
[/hide]
-
Видимо дело в том что margin-bottom задается от кнопки "заказать", а не от нижнего края формы (фона?).
-
<div class="container">
Текст
</div>
Сделал 2 колонки на 100% длинны страницы, одна фиксированная, НО!
in HTML Coding
Posted · Edited by ZMichail
Эхх... Уж обрадовался, а не тут то было. Он прилипает к правому краю экрана, а должен к правому края контейнера (1000px по центру).
Скрин: