+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: wyśrodkowanie tła (/thread-wy%C5%9Brodkowanie-tla)
wyśrodkowanie tła - kubon - 27-04-2009
Oto mój problem:
Gdy robiłem stronkę to testowałem ją tylko na IE i na IE wszystko jest ok, w operze i firefoxie wszystko się... psuje.
http://traperzy.jatsu.pl/fall/Edytor39.html
chodzi mi o to, ze niewazne czy napisz w divie: background-position:center; background-position:top center; czy w ogóle tego nie napisze to nigdy tło nie będzie po środku, tylko zawsze gdzies z boku.
Tło ma taki sam rozmiar jaki ma div.
http://traperzy.jatsu.pl/fall/Edytor39.html
zobaczcie jak to wyglada w IE i w operze, czy firefoxie.
Bardzo dziękuję z góry.
kod css:
Kod:
html, body {
color: #000;
background-image:url(tlo.jpg);
font-style:normal;
font-family:verdana;
font-size:small;
}
A {
color:#339900;
text-decoration:none;
}
#top {
width: 790px;
}
#nag {
background-image:url(tlo2.png);
padding:5px;
}
#men {
width: 134px;
float: right;
background-image:url(tlo.png);
height: 450px;
overflow: auto;
padding:5px;
}
#men2 {
width: 134px;
float: left;
height: 350px;
overflow: auto;
padding:5px;
background-image:url(tlo.png);
}
#glw {
width: 420px;
background-color: #000;
height: 540px;
overflow:auto;
margin:20px;
color:#00CC33;
}
#glw2 {
float: left;
width: 490px;
height: 600px;
background-image:url(tlo3.png);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center;
position: relative;
}
#stp {
clear: both;
width: 100%;
background-image:url(tlo2.png);
padding:5px;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
width:134px;
height:17px;
padding-top:2px;
}
ul a:link, ul a:visited {
display: block;
width:134px;
height:17px;
text-decoration: none;
background-image:url(link.jpg);
padding-top:2px;
}
ul a:hover {
background-image:url(link2.jpg);
}
#img {
border-style:inset;
color:#0F0;
border:5px;
}RE: wyśrodkowanie tła - dziamber - 27-04-2009
Najpierw projektuj dla najnowszych przeglądarek, czyli firefox, opera a nie IE. Z góry dziękuje
RE: wyśrodkowanie tła - 96th - 30-04-2009
Kod:
background-image:url(tlo.png) center;