Wyśrodkowanie logo na stronie

[mich8]

Witam

Koledzy mam mały problem z ustawieniem loga na mojej stronie, wiem że jest dużo takich tematów ale żaden mi nie momógł. Bawię się CSSem już kilka dni ale za każdym razem coś jest nie tak z jego ustawieniem pod różnymi rozdzielczościami. Logo mojej strony jest w DIVie "logo".

Tutaj fragment mojego kodu PHP:


<div class="center" align="center">
<div id="wrapper">
<div id="wrapper_r">
<div id="header">
<div id="header_l">
<div id="header_r">
<div id="logo" align="center">
</div>A tutaj fragment mojego kodu CSS:


#page_bg {
padding: 10px 0;
margin-bottom: 1px;
}

div.center {
text-align: center;
}

div#wrapper {
margin-left: auto;
margin-right: auto;
}

body.width_medium div#wrapper {
width: 950px;
}

body.width_small div#wrapper {
width: 773px;
}

body.width_fmax div#wrapper {
min-width: 750px;
max-width: 1050px;
}

div#header_l {
position: relative;
}

div#header_r {
height: 90px;
float: center;
padding-top: 25px;
overflow: hidden;
text-align: center;
}

div#logo {
position: absolute;
top: 0;
float: center;
width: 1010px;
height: 90px;
margin: center;
background: url(../images/logo_cegla_2.png) 0 0 no-repeat;
margin-top: 25px;
}Będę wdzięczny za każdą pomoc.

[Robster]

Link do strony, będzie szybciej i łatwiej.

[mich8]

Strona budowana jest w joomli i jest wyłączona. Szablon strony to podstawowy rhuk_milkyway, w załączniku logo o którym mowa.

[Robster]

Ten twój kod CSS to jakiś bełkot:

float: center;

margin: center;

Sprawdź jak to jest w oryginale i zmień co trzeba. Poczytaj też jakiś kurs CSS i wróć ewentualnie wtedy z tym problemem. No i koniecznie ze skończoną stroną, szkoda mi czasu na coś co może nigdy nie ujrzeć świata poza localhostem.

[mich8]

No szkoda, bo i tak go straciles piszac ten post. A strona jest juz prawie gotowa. Nie che jej narazie pokazwac bo mam swoje powody, a strona ruszy z poczatkiem kwietnia. Pozostale rzeczy sa juz prawie gotowe.

[a_m]

wyśrodkować można na kilka sposobów; przy tym co pokazałeś spróbuj tego:

div#logo {
position: absolute;
top: 0;
float: center; < to wywal
width: 1010px;
height: 90px;
margin: center;< to wywal
background: url(../images/logo_cegla_2.png) 0 0 no-repeat; < tym się pobaw ( 0 0 ), ale wcześniej poczytaj (http://www.google.com/search?hl=pl&sa=X&ei=51OKTcWvAovUgAep3tnGDQ&ved=0CCsQBSgA&q=abacgroup+position&spell=1); możesz też poszperać tutaj (http://www.google.com/search?source=ig&hl=pl&rlz=1G1GGLQ_PLPL352&=&q=CSS+center&aq=f&aqi=g4g-s1g5&aql=&oq=), ale wtedy większa przeróbka tego co masz w kodzie