центрированный, но также фиксированный

Question

центрированный, но также фиксированный

0

Я знаю, что это возможно для веб-игры (травиан). то, что я пытаюсь сделать, это иметь ширину ширины 800, что делает 2 вещи:

Во-первых: если браузер имеет ширину более 800 пикселей, погружение сосредотачивается в браузере (это я выяснил)

Во-вторых, если я перетащил окно браузера меньше, мой div прокручивается с левой стороны страницы. Я хочу, чтобы он не проходил мимо левой стороны (0px) страницы, когда страница меньше 800.

Травиан делает это, но я не могу понять это, поэтому любая помощь будет оценена по достоинству.

это центрирует мою коробку, но при изменении размера браузера он обрезает левую сторону (позволяет прокручивать левый край браузера)

#NavBar {
    position: absolute;
    width: 425px;
    margin:0 -225px 0 -225px;
    height: 70px;
    z-index: 4;
    left: 50%;
    min-width: 425px;
    top: 15px;
    color: white;
}

Jacqueline Loriault 20 сен. 2013, в 21:20

Источник

Теги:

html

css

2 ответа

0

Предварительный просмотр: http://jsfiddle.net/PJC4a/1/embedded/result/ (попробуйте изменить размер окна)

Код: http://jsfiddle.net/PJC4a/1/

.box {
    width: 800px;
    height: 400px;
    background-color: blue;
    margin: auto;
}

Это один из трюков, которые можно использовать для центрирования div горизонтально, используя только css.

Techsin 20 сен. 2013, в 16:35

Ещё вопросы

Irfan TahirKheli · Accepted Answer · 2013-09-20T16-26-00.000Z

Попробуйте этот CSS

.div-class{
 width: 800px;
height:400px;
margin:0 auto;

}

пришлось немного изменить это (добавить позицию: относительный или div спрятал под остальными, но это сработало для меня, спасибо