Drukuj stronę - Centrowanie diva w poziomie w pionie

Tytuł: Centrowanie diva w poziomie w pionie
Wiadomość wysłana przez: Pokrywek on 19.09.2007, 10:06:45

heya,
Mam taki banalny problem :D
otóż chcę by div był wyświetlany na środku strony (centralnie po środeczku) no i robie:

Cytuj

#box {
width: 800px;
height: 400px;
margin-left: auto;
margin-right: auto;
background-color: #191919;
border-style: solid;
border-color: #3D3D3D;
border-width: 1px

}

po czym div jest wyśrodkowany w poziomie,
ale chce jeszcze żeby był po środku w pionie, no to dopisuje

Cytuj

#box {
width: 800px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
background-color: #191919;
border-style: solid;
border-color: #3D3D3D;
border-width: 1px
}

ale niestety to nic nie daje :( pomoże ktoś ? <aniolek>

Tytuł: Odp: Centrowanie diva w poziomie w pionie
Wiadomość wysłana przez: marecki_ on 19.09.2007, 13:20:28

http://perfectionorvanity.com/2006/04/19/wszystko-co-chcesz-wiedziec-o-centrowaniu-w-css/

Paragraf: "Pionowe centrowanie bloków"

Tytuł: Odp: Centrowanie diva w poziomie w pionie
Wiadomość wysłana przez: Pokrywek on 19.09.2007, 16:11:13

coś mi nie wychodzi <ninja>
mógł byś mi pomóc
tutaj kod dla index:

Cytuj

<body>

<div id="szkielet">

<div id="box">
<h1>Lorem Ipsum Dolor Sit Amet</h1>
</div>

</div>

</body>

a tutaj CSS:

Cytuj

#box {
width: 800px;
height: 400px;
margin-left: auto;
margin-right: auto;
background-image: url("bg.png");
border-style: dashed;
border-color: #646464;
border-width: 1px;
}

h1 {
color: gray;
font-size: 14pt;
font-family: tahoma;
text-align: center;
margin-top: 2em
}

#szkielet {
width: 1000px;
height: 490px;
border-style: hidden;
margin-left: auto;
margin-right: auto;
}

z góry dzięki ^-^

Tytuł: Odp: Centrowanie diva w poziomie w pionie
Wiadomość wysłana przez: domas on 19.09.2007, 17:45:46

#szkielet
{
width:100%;
}
#box
{
position:absolute;
top:50%;
left:50%;
width: 800px;
height: 400px;
margin:-200px 0 0 -400px;
}

reszte kodu css dodaj według swojego uznania. Musi działać ;)

Tytuł: Odp: Centrowanie diva w poziomie w pionie
Wiadomość wysłana przez: Pokrywek on 19.09.2007, 18:06:18

rezultat jest taki że div #box ustawia się w prawym dolnym rogu przez postion absolute.
chodzi mi o to żeby ten div był zawsze po środku strony bez względu na rozdzielczość ekranu,
bo jak ustawie za pomocą postion:absolute i wezme np. 5em to na innej rozdzielczości wygląda to dużo gorzej.

Tytuł: Odp: Centrowanie diva w poziomie w pionie
Wiadomość wysłana przez: domas on 19.09.2007, 18:19:26

U mnie na www działa !! mam taki właśnie kod i niezależnie od rozdzielczości i wielkości ustawia się na środku ekranu.

A dałeś ujemne marginesy równe połowie szerokości i wysokości box -a ??
pozatym nie możesz dać em tylko %

Tytuł: Odp: Centrowanie diva w poziomie w pionie
Wiadomość wysłana przez: Pokrywek on 20.09.2007, 08:50:55

ożesz ty coś musiałem wczoraj skopać <aniolek>
działa, dzięki wielkie :)

Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: Pokrywek on 19.09.2007, 10:06:45