Autor Zpráva
gardener
Profil
zdravím mám dotaz:
Jak nastavit obrázek umístěný jako background na střed vertikálně i horizontálně aby to fungovalo ve všech prohlížečích,zkoušel jsem text-align:center a valign ale funguje to pouze v IE,ve FF a OP se to zobrazína středu jen horizontálně..

Díky za jakoukolliv radu..
Railbot
Profil
background:url(...) no-repeat center center
gardener
Profil
No mám to takto a ve FF to pořád nejede..
body {
	background-color: #2ABFFF;
	background-image: url(../images/big.png);
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center;
}
Railbot
Profil
gardener
Chyba je asi jinde. Tohle funguje normálně všude.
gardener
Profil
No ale kde chyba může být, také si myslím, že by to takto mělo fungovat..
Přidávám komplet kod, toho logovacího formu:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Login</title>
<style type="text/css">
<!--
body {
	background-color: #2ABFFF;
	background-image: url(../images/big.png);
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center;
}
-->
</style>
</head>
<body>
<fieldset">
<legend>Login</legend>
<form action="layout.php" method="post">
  Jméno:
  <input type="text" size="10" name="jmeno">
  <br>
  Heslo:
  <input type="password" size="10" name="heslo">
  <br>
  <input type="submit" name="ok" value="O.K">
</form>
</fieldset>
</body>
</html>
gardener
Profil
Vyřešeno,muselo se ještě doplnit:
background-attachment: fixed;

Děkuji za rady.
Yuhů
Profil
nebo pro body nastavit výšku, třeba
height: 100%;
anonym
Profil
Sorry za OT ale gardenere nebyl jsi nahoudou na Tr.vianu? Na s3?
gardener
Profil
anonym:Ne to nejsem, naštěstí jsem kouzlu ******** nepropadl:)To bych už nestihl vůbec nic:)
gardener
Profil
Tak jsem se opět zaseknul..nyní se to týká vertikálního zarovnání..vertical align nereaguje,tak se ptám,jak je možné zarovnat horizontálně na střed obrazovky, konkrétně u prvku s ID field?

body {
margin: 0 ;
padding: 0 ;
background-color: #2ABFFF;
background-image: url(../images/big.png);
text-align:center;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

#field{
margin: 0 auto;
padding: 0 auto;
width: 200px;
height: 130px;
}
Bubák
Profil
nyní se to týká vertikálního zarovnání..vertical align nereaguje,tak se ptám,jak je možné zarovnat horizontálně na střed obrazovky, konkrétně u prvku s ID field?
Tak jak, horizontálně, nebo vertikálně? Tuším, že obojí, a protože znáš výšku (height: 130px;), tak je to jednoduché:
www.pixy.cz/pixylophone/2003_11_archiv.html#1069250243
http://murphy.cz/victoria-s-vertical-centering/test-page/
gardener
Profil
omluva:Je to pouze vertikální polohy..horizontální jsem už vyřešil..
gardener
Profil
Vyřešeno za pomoci www.pixy.cz/pixylophone/2003_11_archiv.html#1069250243

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: