css background

[webdeveloper]

Имам проблем с background-а ми. Ако сайта се преглежда от хора с по голяма резолюция background-а ще започне да се повтаря от дясната страна. Принципно така става и в долната част на сайта, но за нея съм сложил repeat-x #000000;. Въпроса ми е има ли такова нещо като repeat-x само, че за дясната част на сайта?

 

[lub4o]

repeat-y ?

 

[webdeveloper]

repeat-y ?

Да, самоче нещо не се получава.. Нещо не мога да ги използвам и 2-те, x и y.

 

[lub4o]

А само Repeat ?

 

[webdeveloper]

Не, не става. Целта ми е background-а да е центриран спрямо широчината на страницата която в момента е 832px и ако човек с по-голяма резолюция погледне сайта да добавя черен фон там където картинката (background-а) свършва.

 

[adrian]

Правиш един див, в който вкарваш целия сайт. Примерно main.
В css

.main {
width: 832px;
margin: 0px auto;
background: url('картинката.jpg') no-repeat;
}

Така ще имаш див центриран, който е 832px и има за фон картинката.jpg. За да наравиш всичко около него черно трябва да добавиш background на body:

body {
background: black;
}

 

[webdeveloper]

Проблема е, че е кодирано с таблици:

<body background="images/bodybg.png" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<TABLE width="100%" height="100%" border="0" align="center">
<TABLE width=832 height="135" border=0 align=center cellPadding=0 cellSpacing=0 borderColor="#666666"frame=vsides rules=none>
<TR>
<TD width=832 height=230 vAlign=middle background="images/logo.png"></TD>
</TR>
</TABLE>
<TABLE width=832  border=0 align="center" cellPadding=0 cellSpacing=0 background="images/menu_bg.gif" borderColor="#666666" frame=vsides rules=none>
  <TR> 
    <TD height="28" align="center" vAlign=middle style="PADDING-BOTTOM: 1px" > 
      <TABLE width="832" height="25" border=0 align=center cellPadding=0 cellSpacing=0>

        <TR class="style1">
		<? include("menu.php"); ?>
        </tr>
</table>
</TD>
</TR>
</TABLE>
</body>
<div style="width: 832px; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;">
<table width="832"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="infoTitle"><img src="images/info.gif" width="216" height="24"></td>
    <td rowspan="2" id="midBreak"> </td>
    <td id="welcomeTitle">
	
				<img src='images/welcom.gif' width="612" height="24">
				  
				 
	</td>
  </tr>

 

[webdeveloper]

Идеи?

 

[shterev]

покажи какво представлява тоя бекграунд