Сайта отива в левия край

K

k0kytak

Registered
Значи теа който са с 19 инчови монитори нема проблеми сайта но с теа по големите монитори кадето са 22 инча широко екранен има проблем сайта отива от ляво се забива как мога да го направа да се центрира нещо цсс код?
 
Правиш си един div,вътре слагаш всичко между <body></body>.
Код: 
...
<body>
<div id="na6iq_div">

</div>
</body>
...
и в CSS:
Код: 
#na6iq_div{width: 1000px; margin: 0 auto;}
 
виж са правиш някъв div примерно #container в който слагаш кода на целия сайт ( ама само body-то, да не земеш верно да сложиш целия сайт :D ) и след тва в css му задаваш margin: auto; или пък <div id="container" style="margin: auto;">blqblq</div> и да знаеш че ако има някъв проблем, маргина ауто ти тряя само от ляво и от дясно... тоест ако имаш проблем от горе и от долу искаш да е некво различно остави само margin-left: auto; margin-right: auto;
тва е :)
 
Eto koda


Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>{$list_name} - {$header}</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<LINK REL="SHORTCUT ICON" HREF="http://crazytop100.com/favicon.ico"> 
<link rel="stylesheet" type="text/css" media="screen" href="{$skins_url}/{$skin_name}/screen.css" />
<link rel="alternate" href="{$list_url}/{$feed}" type="application/rss+xml" title="{$list_name}" />
<script type="text/javascript">
function out(username)
{
  image = new Image();
  image.src= '{$list_url}/index.php?a=out&u=' + username;
}
</script>
</head>
<body>

	</div>
</div>
<div id="top">

		<center><div id="logo"></div>
		<div id="topdh">
		<img src="../images2/dh.jpg" align="absmiddle"><a href="index.php" class="bai">Home</a> <img src="../images2/dh.jpg" align="absmiddle"> <a href="index.php?a=add_site" class="bai">Add site</a> <img src="../images2/dh.jpg" align="absmiddle"> <a href="index.php?a=edit_user" class="bai">Edit account</a> <img src="../images2/dh.jpg" align="absmiddle"> <a href="index.php?a=new_members" class="bai">New Member</a> <img src="../images2/dh.jpg" align="absmiddle"> <a href="forums" class="bai">Forum</a> <img src="../images2/dh.jpg" align="absmiddle"> <a href="http://bgtop.net/in.php/1225484607" class="bai">Vote</a> <img src="../images2/dh.jpg" align="absmiddle"></a> <a href="help.php" class="bai">Help</a> <img src="../images2/dh.jpg" align="absmiddle"></a></div>
	</div>
</div></center>

<table cellspacing="0" cellpadding="0" width="100%" style="margin-top: 16px; margin-bottom: 16px;">
<tr><td align="left">
<form action="index.php" method="get">
{$ranking_methods_menu}
{$categories_menu}
<input type="submit" value="{$lng->g_form_submit_short}" />
</form>
</td><td align="right">
<form action="index.php" method="get">
<input type="hidden" name="a" value="search" />
<input type="text" name="q" size="18" value="{$query}" />
<input type="submit" value="{$lng->search_header}" />
</form>
</td></tr>
</table>

<div class="content2">
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tbody><tr>
	<td class="innercontent" valign="top">
		<div class="innercontent">
			<table border="0" cellpadding="0" cellspacing="0">
				<tbody><tr>
					<td style="width: 145px;" valign="top">
													<div style="margin-right: 2px;">
								<img src="../images2/title_categories.jpg" alt=""><br>
<div class="bluecat"><b>GENERAL</b></div><a href="index.php?method=pv&cat=&start=1" class="menuItem">Show All</a>
								<a href="index.php?method=pv&cat=Anime+Websites" class="menuItem">Anime Website</a>
								<a href="index.php?method=pv&cat=Gaming+Websites" class="menuItem">Gaming Website</a>
								<a href="index.php?method=pv&cat=Grand+Theft+Auto" class="menuItem">Grand Theft Auto</a>
								<a href="index.php?method=pv&cat=The+Sims" class="menuItem">The Sims</a>
								<a href="index.php?method=in&cat=MySpace" class="menuItem">MySpace</a>
								<a href="index.php?method=in&cat=Forums" class="menuItem">Forums</a>
								<a href="index.php?method=in&cat=Blogs" class="menuItem">Blogs</a>
								<a href="index.php?method=pv&cat=Other" class="menuItem">Other</a>
								
<div class="bluecat"><b>FPS</b></div>
<a href="index.php?method=pv&cat=Battlefield"class="menuItem">Battlefield</a></li>
<a href="index.php?method=pv&cat=Call+Of+Duty"class="menuItem">Call Of Duty</a></li>
<a href="index.php?method=pv&cat=Counter+Strike"class="menuItem">Counter Strike</a></li>
<a href="index.php?method=pv&cat=Doom"class="menuItem">Doom</a></li>
<a href="index.php?method=pv&cat=FarCry"class="menuItem">FarCry</a></li>
<a href="index.php?method=pv&cat=Half+Life"class="menuItem">Half Life</a></li>
<a href="index.php?method=pv&cat=Unreal+Tournament"class="menuItem">Unreal Tournament</a></li>
								
<div class="bluecat"><b>CONSOLE</b></div>
<a href="index.php?method=pv&cat=Nintendo+Wii"class="menuItem">Nintendo Wii</a>
<a href="index.php?method=pv&cat=PlayStation2"class="menuItem">PlayStation2</a>
<a href="index.php?method=pv&cat=PlayStation3"class="menuItem">PlayStation3</a>
<a href="index.php?method=pv&cat=XBox360"class="menuItem">XBox360</a>
<a href="index.php?method=pv&cat=PSP"class="menuItem">PSP</a>

<div class="bluecat"><b>MMORPG</b></div>
<a href="index.php?method=pv&cat=Cabal+Online"class="menuItem">Cabal Online</a>
<a href="index.php?method=pv&cat=Conquer+Online"class="menuItem">Conquer Online</a>
<a href="index.php?method=pv&cat=Dark+Age+of+Camelot"class="menuItem">Dark Age of Camelot</a></li>
<a href="index.php?method=pv&cat=EverQuest"class="menuItem">EverQuest</a></li>
<a href="index.php?method=pv&cat=Final+Fantasy"class="menuItem">Final Fantasy</a></li>
<a href="index.php?method=pv&cat=Flyff+Online"class="menuItem">Flyff Online</a></li>
<a href="index.php?method=pv&cat=Guild+Wars"class="menuItem">Guild Wars</a></li>
<a href="index.php?method=pv&cat=Gunbound"class="menuItem">Gunbound</a></li>
<a href="index.php?method=pv&cat=Helbreath"class="menuItem">Helbreath</a></li>
<a href="index.php?method=pv&cat=Knight+Online"class="menuItem">Knight Online</a></li>
<a href="index.php?method=pv&cat=Legend+of+Mir"class="menuItem">Legend of Mir</a></li>
<a href="index.php?method=pv&cat=Lineage2"class="menuItem">Lineage2</a></li>
<a href="index.php?method=pv&cat=MapleStory"class="menuItem">MapleStory</a></li>
<a href="index.php?method=pv&cat=Matrix+Online"class="menuItem">Matrix Online</a></li>
<a href="index.php?method=pv&cat=MMORPG+%26+MPOG"class="menuItem">MMORPG & MPOG</a></li>
<a href="index.php?method=pv&cat=Mu+Online"class="menuItem">Mu Online</a></li>
<a href="index.php?method=pv&cat=Myth+of+Soma"class="menuItem">Myth of Soma</a></li>
<a href="index.php?method=pv&cat=Perfect+World"class="menuItem">Perfect World</a></li>
<a href="index.php?method=pv&cat=PristonTale"class="menuItem">PristonTale</a></li>
<a href="index.php?method=pv&cat=Ragnarok+Online"class="menuItem">Ragnarok Online</a></li>
<a href="index.php?method=pv&cat=Ragnarok+Online2"class="menuItem">Ragnarok Online2</a></li>
<a href="index.php?method=pv&cat=Ran+Online"class="menuItem">Ran Online</a></li>
<a href="index.php?method=pv&cat=Redmoon"class="menuItem">Redmoon</a></li>
<a href="index.php?method=pv&cat=RF+Online"class="menuItem">RF Online</a></li>
<a href="index.php?method=pv&cat=Risk+Your+Life"class="menuItem">Risk Your Life</a></li>
<a href="index.php?method=pv&cat=Rose+Online"class="menuItem">Rose Online</a></li>
<a href="index.php?method=pv&cat=Runescape"class="menuItem">Runescape</a></li>
<a href="index.php?method=pv&cat=Silkroad+Online"class="menuItem">Silkroad Online</a></li>
<a href="index.php?method=pv&cat=Star+Wars+Galaxies"class="menuItem">Star Wars Galaxies</a></li>
<a href="index.php?method=pv&cat=Ultima+Online"class="menuItem">Ultima Online</a></li>
<a href="index.php?method=pv&cat=World+of+Warcraft"class="menuItem">World of Warcraft</a></li>



<div class="bluecat"><b>STRATEGY</b></div>           
<a href="index.php?method=pv&cat=Command+%26+Conquer"class="menuItem">Command & Conquer</a></li>
<a href="index.php?method=pv&cat=StarCraft"class="menuItem">StarCraft</a></li>
<a href="index.php?method=pv&cat=WarCraft"class="menuItem">WarCraft</a></li>


<div class="bluecat"><b>RPG</b></div>
<a href="index.php?method=in&cat=Diablo" class="menuItem">Diablo</a>


								<img src="../images2/title_menu.jpg" alt=""><br>
								<div class="bluecat"><b>WEBMASTERS</b></div>
								<a href="index.php?a=add_site" class="menuItem">Add Site</a>
								<a href="index.php?a=edit_user" class="menuItem">Edit Site</a>
								
																<img src="../images2/links.jpg" alt=""><br>
								<div class="bluecat"><b>LINK</b></div>
								<a href="http://ultimatetorrents.my32.net/cs/" class="menuItem">C.S. Fun Site</a>
								<a href="http://nasisoft.zapto.org/NasiSoft/" class="menuItem">Your Projects</a>
								<a href="http://bg-games.net" class="menuItem">Online Games</a>
								<a href="http://www.UserBars-BG.com/" class="menuItem">UserBars-BG.com</a>
								
								<div class="leftads" style="text-align: center;">
								

								</div>
							</div>					</td>

			
			</td><td valign='top' class='main-bg' height='100%'>
{$content}
</td>

<table width='100%' height='24' border='0' cellpadding='4' cellspacing='0'>



</td>
</tr></table>
</body>
</html>

<center><a href="http://wthost.net/seo_web_site_check.php?sait=referer" 
target="_blank"><img src="http://wthost.net/prcheck.php" 
width="80" height="15" border="0" alt="seo google"></a>



<script  type="text/javascript">

</script>
<noscript><a href="http://www.tyxo.bg/?59750" title="Tyxo.bg counter" target="_blank"><img src="http://cnt.tyxo.bg/59750" width="80" height="15" border="0" alt="Tyxo.bg counter" /></a></noscript>
</center>




<center><br /><font color='black'>Copyright {$list_name} {$powered_by}</font></center>
<center><font color='black'>This site is hosted by SuperHosting.bg</font></center>
<center><font color='black'>Contact <a href="mailto:support@arenabg.com">support@crazytop100.com</font></center>



<style type="text/css">
body {
background-color:#DFDFDF;}
.skin0{
position:absolute;
width:165px;
border:1px dashed gray;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:13px;
z-index:100;
visibility:hidden;
}

.menuitems{
padding-left:10px;
padding-right:10px;
}
</style>
<div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none>

<script language="JavaScript1.2">

var display_url=0
var ie5=document.all&&document.getElementById
var ns6=document.getElementById&&!document.all
if (ie5||ns6)
var menuobj=document.getElementById("ie5menu")
function showmenuie5(e){
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX

//same concept with the vertical position
if (bottomedge<menuobj.offsetHeight)
menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight
else
menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY

menuobj.style.visibility="visible"
return false
}

function hidemenuie5(e){
menuobj.style.visibility="hidden"
}

function highlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor="highlight"
firingobj.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}

function lowlightie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
firingobj.style.backgroundColor=""
firingobj.style.color="black"
window.status=''
}
}

function jumptoie5(e){
var firingobj=ie5? event.srcElement : e.target
if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
if (firingobj.getAttribute("target"))
window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
else
window.location=firingobj.getAttribute("url")
}
}

if (ie5||ns6){
menuobj.style.display=''
document.oncontextmenu=showmenuie5
document.onclick=hidemenuie5
}

</script>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе