[CSS] Wyśrodkowanie obrazka Opcje

[lukke]

Witam,

Mam problem z wyśrodkowaniem obrazka, mianowicie:

http://lukke.pl/design.html

Obrazek powinien być na środku, a nie jest. Ja nie ciąłem tego, ponieważ średnio się na tym znam, koder który to ciął powiedział że, cytuję: "on wychodzi poza ramy strony, trzebaby podzielic strone na 3, ale wtedy bez statycznych wartosci". Ale o co chodzi to nie wiem.

Kod html:

CODE

<div id="content">



<div id="design">

<img src="http://lukke.pl/web/berrotti_1.jpg" align="center" alt=">"

</div><!-- design -->

</div><!-- content -->

fragment CSS:

CODE

/* DESIGN */

#description {
float:left;
width: 860px;
height: 50px;
border-top:#5d5d5d solid 1px;
border-bottom:#5d5d5d solid 1px;
margin: 20px 0px 0px 0px;
padding: 20px 0px 0px 10px;
}

#description span {
font-weight:bold;
color:#c7c7c7;
}

#description .pink {
color:#ebb0ff;
font-size: 8px;
}

#description a:hover, #description a:link, #description a:visited, #description a:active {
color:#fff;
text-decoration:underline;
}

#design {
margin: 20px 0px 0px 0px;
float:left;
padding: 6px;
background:#5b5b5b;
}

Jakby ktoś wiedział co tu poprawić to byłbym wdzięczny.

[Gryf]

a niby jak ty chcesz to wycentrować?
skoro pojemnik nadrzędny jest mniejszy niż img?
#content jest ustawiony na width: 813px;
a obrazek masz 1100x1071
rozumiesz logikę?
Poza tym nie zaleca się przypisywanie wartości margin: 0 auto; do body

[lukke]

Co zrobić w związku z tym? Bo jeżeli poszerzę content to rozjadą mi się miniaturki w indexie. Dodać drugi? Średnio się na tym znam, więc moje pytania mogą być idiotyczne.