[HTML][CSS]Problem z wyśrodkowaniem strony Opcje

[d0m1n1k_]

Witam,

mam (zapewne) dziecinnie prosty problem z małym projektem.
Chcę nauczyć się CSS'a przy jednoczesnym zrobieniu projektu.
Chciałbym zrobić rodzaj vCard w ograniczonej przestrzeni (650x400px)
Chciałbym aby całość była umiejscowiona na środku (pionowo i poziomo).

Ale jakbym tego nie robił, nie działa.

(IMG:http://www.fundacja-jeden.pl/pliki/css_problem.jpg)

Style.css

[HTML] pobierz, plaintext 
.content {
}
.virtualcontent {
   width: 650px;
   height: 400px;
   position: absolute;
   margin-left: auto;
   margin-right: auto; 
}
[HTML] pobierz, plaintext 

Część HTML

[HTML] pobierz, plaintext 
<div class="content">
	<div class="virtualcontent">
		<img src="img/temp.png" />
	</div>
</div>
[HTML] pobierz, plaintext 

Proszę o pomoc, za którą z góry szczerze dziękuję!

[jeremiash]

[HTML] pobierz, plaintext 
 
html,body {
     margin:0;
	 padding:0;
	 background:#ccc;
     }
 
div {
margin: auto;
border  :0;
padding:0;
}
 
.content {
width:100%;
}
 
.virtualcontent {
width: 650px;
height: 400px;
margin:0;
background#000:;
 background-image:url('img/temp.png');
}
 
[HTML] pobierz, plaintext 

spróbuj tak...

a rysunek jako tło " background-image:url('img/temp.png');" lub tak jak wstawiłeś

Ten post edytował jeremiash 13.11.2012, 22:34:34