Как сделать ширину моей CSS-оболочки относительно размера монитора? - PullRequest
3 голосов
/ 04 декабря 2010

Я пытаюсь центрировать логотип в верхней части моей HTML-страницы с помощью CSS.Я создал оболочку, но вместо того, чтобы фиксировать ширину, есть ли способ сделать ширину относительно размера экрана?Если я назначу ширину чему-либо, кроме фиксированного пикселя, мое изображение обхватит левую часть экрана (и будет выглядеть необычно на других экранах).

Вот мой код:

#wrapper {
    background-color: #000;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
}
#wrapper #logo {
    height: 292px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: block;
    margin: 0 auto;
}

Очевидно, что логотип центрируется только на экранах, чей браузер имеет ширину 800. Поэтому на моем мониторе шириной 1024 он смещается влево.

Кто-нибудь знает, что мне нужно делать?

Спасибо!

РЕДАКТИРОВАТЬ: Все еще не в центре с этим кодом:

http://jsfiddle.net/mFj3W/

какие-либо идеи?

1 Ответ

2 голосов
/ 04 декабря 2010

Возможно, вы захотите присвоить процент ширине, а не фиксированной ширине пикселя.

http://jsfiddle.net/FKQFX/

...