Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji
 
Szukanie zaawansowane



Strony: [1]
DrukujPobierz PDF
Autor Wątek: Centrowanie diva w poziomie w pionie  (Przeczytany 9292 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Pokrywek
Użytkownik

Reputacja: 9 Offline Offline

GIMP: 2.4
JID: wieczko@jabber.org
Licencja: Copyright
Wiadomości: 256
Galeria Użytkownika


^^Misio : *


Zobacz profil WWW
« : 19.09.2007, 10:06:45 »
heya,
Mam taki banalny problem Chichot
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 Smutny pomoże ktoś ? <aniolek>
Zapisane
nie działa mi o z kreską
√ιק
marecki_
Użytkownik

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: lethal2@jabster.pl
Licencja: Copyright
Wiadomości: 180
Galeria Użytkownika

marecki_


Zobacz profil
« Odpowiedz #1 : 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"
Zapisane
Pokrywek
Użytkownik

Reputacja: 9 Offline Offline

GIMP: 2.4
JID: wieczko@jabber.org
Licencja: Copyright
Wiadomości: 256
Galeria Użytkownika


^^Misio : *


Zobacz profil WWW
« Odpowiedz #2 : 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  ^-^
Zapisane
nie działa mi o z kreską
√ιק
domas
Gość
« Odpowiedz #3 : 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ć Mrugnięcie
Zapisane
Pokrywek
Użytkownik

Reputacja: 9 Offline Offline

GIMP: 2.4
JID: wieczko@jabber.org
Licencja: Copyright
Wiadomości: 256
Galeria Użytkownika


^^Misio : *


Zobacz profil WWW
« Odpowiedz #4 : 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.
Zapisane
nie działa mi o z kreską
√ιק
domas
Gość
« Odpowiedz #5 : 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 %
Zapisane
Pokrywek
Użytkownik

Reputacja: 9 Offline Offline

GIMP: 2.4
JID: wieczko@jabber.org
Licencja: Copyright
Wiadomości: 256
Galeria Użytkownika


^^Misio : *


Zobacz profil WWW
« Odpowiedz #6 : 20.09.2007, 08:50:55 »
ożesz ty coś musiałem wczoraj skopać <aniolek>
działa, dzięki wielkie Uśmiech
Zapisane
nie działa mi o z kreską
√ιק
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aOgólne dyskusjeDyskusjeWebmastering & WebdesignJęzyki InternetuWątek: Centrowanie diva w poziomie w pionie
Skocz do: