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.



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ę!

[HTML] pobierz, plaintext 
css
 
html, body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
 
.content {
margin:auto;
margin-top:15%;
}
[HTML] pobierz, plaintext 

i tyle

[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ś

nie takie "tyle"

Zajrzyj sobie pod ten link: http://www.wpdfd.com/editorial/thebox/deadcentre4.html

uważam, że moja opcja jest mimo wszystko prostrza.... owiele mniej kodu

ale każdy robi jak uważa

Wyśrodkowuje w pionie powiadasz?

w poziomie tak jak ten kolega chcial

czytamy ze zrozumieniem tomi1985

ups.. w takim razie przepraszam... sugerowałem sie fotką która zamieścił w poscie...
co nie zmienia faktu, że wyśrodkowanie w poziomie według moje skryptu jest niebywale proste

No to pomóż autorowi tematu, a nie

Już jesteśmy w połowie drogi.
Wyśrodkowanie poziome jest. Teraz przerwa na sen i rano artykuł od Jeremiash'a i mam nadzieję, że będzie super.
Jeszcze raz dzięki.
A jeśli macie jakieś proste rozwiązania pełnego problemu to walcie śmiało!

No to może jeszcze coś takiego: http://riddle.jogger.pl/2006/04/19/wszystk...trowaniu-w-css/
Stare i (chyba) nadal aktualne.

EDIT: I jeszcze z forum: http://forum.php.pl/index.php?showtopic=206438 (ostatni post, trzy linki)