Nietypowe wyrównanie strony

0

Witam

Chciałbym poradzić się Was jako znawców w pewnej kwestii. Mianowicie testuję pewien projekt, strona jest obrazkiem jpg o wielkości 1600x850px. Jest wyrównana tak, że zawsze znajduje się na środku(margin: auto;). Problem polega jednak na tym, że chciałbym aby przy zmniejszaniu okna przeglądarki strona zwężała się równomiernie z lewej i prawej aby faktyczny środek jpg'a(tam gdzie domek i tekst) znalazł się na środku, a nie jak to jest w tej chwili - zmniejsza się do lewego rogu gdzie jest tylko tło.

http://dawidwiacek.com/

W css mam coś takiego.

body {
width: 1600px;
margin-left: auto ;
margin-right: auto ;
margin-top: -1px;
margin-bottom: 0px;
background: black url('images/bg.jpg') top repeat-x ;
}

i w HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>


<title>dawidwiacek.com</title>


<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<link rel="stylesheet" type="text/css" href="./css/dw.css" />

</head>

<body>

<img src="images/site.jpg" width="1600" height="850" alt="">

</body>
</html>

Z góry dziękuję za pomoc :)

0

background: #000000 url('images/bg.jpg') top center no-repeat;
?

0

hmm akurat vg.jpg to pliczek odpowiadający za samo tło - wąski pasek gradientu, który się powtarza(nie napisałem)
Chodzi mi o wyrównanie IMG - site.jpg :)

0

To robisz osobnego div'a, którego tłem jest twój obrazek. Z resztą ustawienie na sztywno szerokości strony na pewno Ci nie za wiele pomoże.

1 użytkowników online, w tym zalogowanych: 0, gości: 1