Dziwny błąd ze środkowaniem diva

Dla specjalistów Webmastering
#1

CSS:

body{

	padding: 0 auto;

	margin: 0 auto;

	text-align: center;

	background-image: url('img/tlo.png');

	background-attachment: fixed;

}


#wrapper{

	max-width: 960px;

	min-width: 100px;

	height: 600px;

	margin: 20px;

	background-color: #dfdfdf;

}

i HTML:

[/code]

Div “wrapper” nie chce się wyśdrokować, ale dlaczego ?

#2

cssdesk || tinkerbin || dabblet

Wtedy można rzucić okiem i pomyśleć “dlaczego?”.

#3

@up

Bez przesady…

To ten div ma mieć lewy i prawy margin ustawiony na auto, a nie body.

#4

body ma mieć margin i padding, a potem div ma się wyśrodkować ale tu to nic się nie dzieje.

#5

O to chodziło (pobaw się zwężeniem i poszerzeniem podglądu)?

http://jsfiddle.net/5qVQc/

Główne zmiany to “padding: 0 20px;” dla body i “margin: 20px auto;” dla wprapper.

Nieistotne, do celów testu zmiany to: background-image, background-size, max-width.

#6

I tak się nie środkuje… ;/

#7

? Przecież div jest na środku.

#8
#9

B.Andy i manieKMP już ci odpowiedzieli :stuck_out_tongue:

#wrapper{

   max-width: 940px;

   min-width: 120px;

   height: 700px;

->margin: 0 auto;

}

Poza tym twoje grafiki są nieregulaminowe (wstaw linki bądź miniatury)

#10

To może byłem ślepy :slight_smile: Ale dzięki. Wszystko działa :smiley: