Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Wyśrodkowanie obrazka
Forum PHP.pl > Forum > Po stronie przeglądarki
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.