+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem z Wyśrodkowaniem (/thread-problem-z-wy%C5%9Brodkowaniem--5723)
Problem z Wyśrodkowaniem - qetli - 09-01-2011
Witam mam taki problem i próbowałem dużo sposobów.
Nie mogę wyśrodkować strony żeby była wyśrodkowana nie zależnie od rozdzielczości.
CSS wygląda tak
Cytat:/* GLÓWNE FUNKCJONOWANIE STRONY */
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000 ;
background-color:#000000 ;
margin: auto;
padding: 0;
text-align: center;
}
/* ELEMENTY STRONY */
#logo {
width: 955px;
height: 148px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
margin: 0 auto;
}
#status {
width: 955px;
height: 60px;
background-image: url(../images/status.gif);
background-repeat: no-repeat;
margin: 0 auto;
}
#menu {
width: 252px;
height: 339px;
background-image: url(../images/menu.gif);
background-repeat: no-repeat;
position:absolute;
left: 362px;
}
#glow {
width: 703px;
height: 339px;
background-image: url(../images/glow.gif);
background-repeat: no-repeat;
margin: 0 auto;
position:absolute;
left: 614px;
}
#st {
width: 955px;
height: 60px;
background-image: url(../images/st.gif);
background-repeat: no-repeat;
position:absolute;
left: 362px;
top: 545px;
}
#center {
margin: 0px auto;
width: 955px;
}
p {
text-align: center;
padding-top: 40px;
font-family : Lucida Console;
font-size : 18px;
color : black;
font-weight: bold;
}
1.Co jest tu źle dodam ze cała strone mam wziętą w dic "center" i na mniejszej rozdzielczości div "menu" "glow" "st" ucieka w prawo a reszta też nie jest na środku
RE: Problem z Wyśrodkowaniem - Ancik - 09-01-2011
Witaj,
Spróbuj w ten sposób
Kod:
#center {
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative;
width: 955px;Daj znac czy działa
Pozdrawiam.
RE: Problem z Wyśrodkowaniem - qetli - 09-01-2011
teraz wyśrodkowało ładnie ale divy menu,glow,st pouciekały gdzieś ze nawet ich nie widać.
RE: Problem z Wyśrodkowaniem - Ancik - 09-01-2011
Daj mi link do strony bo ciężko mi sobie to wszystko wyobrazic. Twój problem napewno leży w zbyt częstym używaniu pozycjonowania absolutnego. Powinieneś nauczyc się wykorzystywac metode opływania (float: left/right
.Pozdrawiam.
RE: Problem z Wyśrodkowaniem - qetli - 09-01-2011
to link do strony qetli.pl
RE: Problem z Wyśrodkowaniem - Ancik - 09-01-2011
Zamień swoje deklaracje do #menu i #glow na te:
Kod:
#menu {
width: 252px;
height: 339px;
background-image: url(../images/menu.gif);
background-repeat: no-repeat;
float: left;
}
#glow {
width: 703px;
height: 339px;
background-image: url(../images/glow.gif);
background-repeat: no-repeat;
margin: 0 auto;
float: right;
}RE: Problem z Wyśrodkowaniem - qetli - 09-01-2011
ok chyba będzie działać teraz się przesunął div st ale z tym sobie poradzie.
RE: Problem z Wyśrodkowaniem - Ancik - 09-01-2011
Tutaj masz rozwiązanie dla #st
Kod:
#st {
width: 955px;
height: 60px;
background-image: url(../images/st.gif);
background-repeat: no-repeat;
clear: both;
}Jak już mówiłem, zacznij pracowac z opływaniem, bo przy bardziej skomplikowanych projektach obecna metoda doprowadzi Cię do znacznie większych komplikacji w przyszłości
. Cieszę się, że mogłem pomóc.Pozdrawiam.