ня Захоўваючы дзіў на паўдарогі праз экран, незалежна ад таго, які дазвол вы на

What I want to know is how to have a <div> half way across the screen and height 100% no matter the screen resolution and window size resolution.

Thankyou all for your replies they all helped me! Sorry if this question was a little confusing, I have not really done any CSS before so I didnt know how to phrase it really...Thankyou once again!

7
Вы можаце ўдакладніць: вы пытаецеся, як адцэнтраваны DIV? Гарызантальна ці вертыкальна?
дададзена аўтар Dancrumb, крыніца
Вы можаце ўдакладніць: вы пытаецеся, як адцэнтраваны DIV? Гарызантальна ці вертыкальна?
дададзена аўтар Dancrumb, крыніца
@ User2413519 Вы можаце паспрабаваць зрабіць выкарыстанне JSFiddle
дададзена аўтар Praveen, крыніца
як пра стыль = 'шырыня: 50%;' ?
дададзена аўтар Khadim Ali, крыніца
Я upvoted так што цяпер вы можаце дадаваць выявы? і шырыня: 50%; будзе працаваць.
дададзена аўтар Kees Sonnema, крыніца
Вы хочаце, каб ваш DIV ў 800px ў цэнтры?
дададзена аўтар Arpit, крыніца
Вы хочаце, каб ваш DIV ў 800px ў цэнтры?
дададзена аўтар Arpit, крыніца
Я думаю, што адказ Arpit з'яўляецца тэхнічна правільным - але вы маеце на ўвазе вы хочаце мець DIV, размешчаны ў цэнтры экрана; напрыклад, як перапаўненне стэка выглядае?
дададзена аўтар Katana314, крыніца
Калі ласка, пошук Stack Overflow і Google, перш чым задаваць такія пытанні.
дададзена аўтар Greg, крыніца
Ды валеная, як StackOverflow выглядае
дададзена аўтар user2413519, крыніца
Ды валеная, як StackOverflow выглядае
дададзена аўтар user2413519, крыніца

8 адказы

У вашай рэакцыі на @Arpit Я разумею, што вы хочаце, каб адцэнтраваны DIV незалежна ад дазволу экрана.

Паспрабуйце гэта:

#div {
    width: 800px;
    margin: 0 auto;
}

Розны тэхнік:

#div {
    width: 800px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
}
4
дададзена
Не маглі б вы зачыніць паведамленне, правяраючы мой адказ як правільны адказ, калі ласка? Ён па-ранейшаму выглядае як адкрытым. (Навядзіце вас мыш на левай баку майго адказу, вы ўбачыце маркер зелянець)
дададзена аўтар Paul van den Dool, крыніца
Ах да, вялікі дзякуй гэта тое, што я шукаў! +1
дададзена аўтар user2413519, крыніца

выкарыстоўваць jsfiddle, каб зрабіць шоў :).
Асноўным я падумаў бы:

html, body {height:100%;margin:0;}
body {padding-left:50%; */or right */
div.w50h100 {
width:50%;
height:100%;
position:fixed;
top:0;
left:0; /* or right:0; */
}

Добра, вы зрабілі гэта ясна, і гэта проста,

html,body{
    height:100%;
    margin:0;
}
div#center {
    min-height:100%;
    width:XX;
    margin: auto;
}
1
дададзена
такім чынам, у вас ёсць іншыя 50% злева ад шырыні змесціва выкарыстоўванага патоку.
дададзена аўтар G-Cyr, крыніца
html,body { height:100%; }
#div_selector { width:50%; margin:0 auto; }
1
дададзена
html,body { height:100%; }
#div_selector { width:50%; margin:0 auto; }
1
дададзена

у CSS

your_div{
width:50%; //50% of current screen size;
}

Demo

0
дададзена
Права ОК дзякуй, што вырашае некаторыя з іх, але кажуць, што калі б я хацеў пэўную шырыню як 800px? Змяняючы гэта змяняе становішча DIV, так што калі я яго прагляду на вялікіх дазволах не ў цэнтры больш?
дададзена аўтар user2413519, крыніца

у CSS

your_div{
width:50%; //50% of current screen size;
}

Demo

0
дададзена
Права ОК дзякуй, што вырашае некаторыя з іх, але кажуць, што калі б я хацеў пэўную шырыню як 800px? Змяняючы гэта змяняе становішча DIV, так што калі я яго прагляду на вялікіх дазволах не ў цэнтры больш?
дададзена аўтар user2413519, крыніца

Калі вы выбіраеце стыль становішча «фіксаваны». Дзіў будзе арыентавацца на памер акна браўзэра, а не па памеры іншых дзівы.

0
дададзена

Калі вы выбіраеце стыль становішча «фіксаваны». Дзіў будзе арыентавацца на памер акна браўзэра, а не па памеры іншых дзівы.

0
дададзена