Link w pierwszym poście nieaktualny. W zaznaczonych miejscach tło się nie powtarza, choć niby powinno bo całość znajduje się w divie #content
(IMG:http://img695.imageshack.us/img695/2141/71150743.th.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="js/jquery.corner.js"></script> <script type="text/javascript" src="js/jquery.idTabs.js"></script> <script type="text/javascript" src="js/jquery.imagebox.js"></script> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="_style.css" type="text/css" /> <link rel="stylesheet" href="_imagebox.css" type="text/css" />
<script type="text/javascript"> $.fn.corner.defaults.useNative = false;
$(document).ready(function(){
$(".header").corner("bevelfold tr 15px");
$(".login").corner("bevelfold tr 15px");
});
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12462415-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
<a href="index.php"><img style="height: 64px" src="images/top.jpg" alt="" /></a>
<img style="float: left;" src="images/nav_left.gif" alt="" /> <li><a href="#idTab1" class="selected">Główna
</a></li> <li><a href="#idTab2">Drużyna
</a></li> <li><a href="#idTab3">Media
</a></li> <li><a href="index.php?site=forum">Forum
</a></li> <li><a href="index.php?site=contact">Kontakt
</a></li> <img style="float: right;" src="images/nav_right.gif" alt="" /> <a href="index.php?site=news">Aktualności
</a> • <a href="index.php?site=articles">Artykuły
</a> • <a href="">Wywiady
</a> • <a href="index.php?site=registered_users">Użytkownicy
</a> <a href="index.php?site=members">Skład
</a> • <a href="index.php?site=clanwars">Mecze
</a> • <a href="index.php?site=awards">Osiągnięcia
</a> • <a href="index.php?site=history">Historia
</a> • <a href="index.php?site=sponsors">Sponsorzy
</a> • <a href="index.php?site=about">O nas w mediach
</a> • <a href="index.php?site=server">Serwery
</a> <a href="index.php?site=gallery">Galeria
</a> • <a href="index.php?site=demos">Wideo
</a> • <a href="index.php?site=files">Pliki
</a>
<div style="width: 600px;"> <div class="header"><img src="images/icons/news/news.gif" alt="Testowy " /> <a href="index.php?site=news_comments&newsID=1">Testowy
</a></div> <div class="newscontent">jfeosnfonseofno Poland suffered its greatest peacetime tragedy yesterday when its president and dozens of other leading figures were killed in a plane crash in Russia after their pilot ignored warnings not to land in thick fog.
<br /> President Lech Kaczynski, 60, his wife Maria, an economist, and 95 others died on their way to commemorate the massacre of 22,000 Polish prisoners at Katyn in 1940 by Stalin?s secret police.
<br /> Instead of diverting, as advised, the pilot of the 20- year-old plane tried and failed to land at least once, before clipping trees and plunging into a forest.
<br /> Air traffic controllers watched their screens with growing unease as the Soviet-era Tupolev descended into the fog that hung like a shroud over the military airfield at Smolensk in western Russia
</div> <div style="text-align: right"><a href="#" onclick="MM_goToURL('parent','news.php?quickactiontype=unpublish&newsID=1');return document.MM_returnValue;"><img src="images/icons/news/hide.gif" alt="Ukryj"/></a> <a href="#" onclick="MM_openBrWindow('news.php?action=edit&newsID=1','News','toolbar=no,status=no,scrollbars=yes,width=800,height=600');"><img src="images/icons/news/edit.gif" alt="edytuj"/></a> <a href="#" onclick="MM_confirm('czy napewno wykasować tego newsa?', 'news.php?action=delete&id=1')"><img src="images/icons/news/delete.gif" alt="usuń"/></div> <div style="text-align: right"><a href="index.php?site=news_comments&newsID=1">[0] komentarzy
</a></div> <input type="button" onclick="MM_openBrWindow('news.php?action=new','News','toolbar=no,status=no,scrollbars=yes,width=800,height=600');" value="Napisz" /> <input type="button" onclick="MM_goToURL('parent','index.php?site=news&action=unpublished');return document.MM_returnValue;" value="1 Nieopublikowny" /> <input type="button" onclick="MM_goToURL('parent','index.php?site=news&action=archive');return document.MM_returnValue;" value="Archiwum" /></div><div class="right"><div class="login"> <div style="float: left; with: 70px;"> <img src="images/avatars/noavatar.gif" alt="Avatar" /><br /></div> <div style="float: left"> Witaj:
<a href="index.php?site=profile&id=1"><b>admin
</b></a><br /> <a href="index.php?site=loginoverview">Przeglądaj
</a><br /> <a href="index.php?site=myprofile">Edytuj profil
</a><br /> <a href="index.php?site=messenger">Wiadomości
</a><br /> <div style="float: left"> <a href="logout.php">(Wyloguj)
</a><br /> <a href="index.php?site=usergallery">Galeria
</a><br /> <a href="index.php?site=buddys">Przyjaciele
</a><br /> <a href="index.php?site=cash_box">Płatności
</a><br />
<img style="float: left;" src="images/end_left.gif" alt="" /> <img style="float: right;" src="images/end_right.gif" alt="" />
<div class="bottom">Copyright by
<b>Clanname
</b> |
CMS powered by
<a href="http://www.webspell.org" target="_blank"><b>webSPELL.org
</b></a> |
Layout by
<b>Marcin Stasiak
</b>
html, body {
margin: 0px;
padding: 0px;
font: 12px Verdana, Arial, Tahoma, Helvetica, sans-serif;
background-image: url('images/bg.gif');
background-color: #000000;
}
img {
border: 0px;
}
a {
color: #81090A;
text-decoration: none;
}
.header {
width: 580px;
height: 20px;
background-image: url('images/bg2.gif');
background-color: #000000;
padding: 10px;
}
.header a {
color: #FFFFFF;
vertical-align: top;
font: bold 16px Georgia, Times New Roman, Times, serif;
}
.newscontent {
margin-top: 5px;
padding: 5px;
border: 1px solid #7A7A7A;
}
.forum td {
border: 1px solid #81090A;
}
td.title {
color: #FFFFFF;
}
#container {
position: relative;
width: 980px;
background-color:#FFFFFF;
text-align: left;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.login {
background-image: url('images/bg2.gif');
background-color: #000000;
color: #FFFFFF;
height: 60px;
vertical-align: middle;
}
.login img {
height: 45px;
width: 45px;
border-color: #81090A;
border-style: solid;
border-width: 1px;
margin: 5px;
}
.login input {
border-color: #81090A;
background-color: #FFFFFF;
border-style: solid;
}
.login a {
font-size: 9px;
color: #FFFFFF;
}
.menu {
background-image: url('images/nav_bg.gif');
height: 37px;
width: 980px;
margin-top: -20px;
}
.menu li {
list-style: none;
float: left;
}
.menu ul a {
height: 25px;
width: 82px;
display: block;
font-weight: bold;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
text-align: center;
padding-top: 12px;
}
.menu ul a:hover {
color: #FFFFFF;
}
.menu ul a.selected {
color: #000000;
background-image: url('images/nav_tab.gif');
cursor: default;
}
.submenu {
background-image: url('images/con_bg.jpg');
color: #7A7A7A;
height: 20px;
width: 920px;
padding-left: 30px;
padding-right: 30px;
}
.submenu a {
color: #000000;
text-decoration: none;
font-size: 12px;
}
#content {
width: 930px;
padding-left: 25px;
padding-right: 25px;
background-image: url('images/con_bg.jpg');
}
.left {
float: left;
width: 600px;
}
.right {
float: right;
width: 320px;
}
.end {
background-image: url('images/end_bg.gif');
clear: both;
height: 20px;
width: 980px;
}
.bottom {
padding-top: 25px;
padding-right: 30px;
color: #FFFFFF;
text-align: right;
height: 25px;
width: 950px;
background-image: url('images/bottom.jpg');
}
.bottom a {
color: #FFFFFF;
}
Pod IE pomogło dodanie do #content parametru display: table; niestety pod Chrome rozjechała się od tego kolumna. HLP?
[XHTML/CSS] Powtarzanie tła
