Разместване при зоом

JusT

Registered
Защо сайта ми се размества много жесткото под мозилата под друго не съм го гледал значи както си ми е перф и натисна ctrl и със скролера за зоомване и сичко се размества ето ми го кода
Index.php
Код:
<?
session_start();
include "config.php";
$username = $_SESSION['username'];
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
<title>RoqL</title>
<style>
body {
margin-top:-375px;
color: #000;font: 18px Comic Sans MS, georgia, arial, verdana, sans-serif; background-color:#e6e6e6;
}
#b {z-index:10px; float:left;}
#bizon { margin:-940px 0 0 350px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; }
#krava { margin:-940px 0 0 350px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; }
#text { margin:-49px 0 0 -270px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; position:relative;}
#ss { margin: -100px 0 0 -310px;}
a:link
{
	color: #000;
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
	color: #000;
}

a:hover
{
	color: #000;
}

a:active
{
	color: #000;
}

</style>
</head>
<body>
<center>
	<div style="margin:360px 0 0 0;">
	<div style="background: url('images/background.gif') no-repeat; width:1024px; height: 1280px;"></div>
<div style="margin:-1005px 0px 400px 531px;">

	<div style="background: url('images/cont.gif') no-repeat; height:684px; widht: 556px; margin: 100px 0 0 0;"></div>
	<div style="margin: -630px 0 0 60px ;">
	<div style="background: url(images/top.gif) no-repeat;widht: 565px; height: 25px;"></div>
	<div style="background: url(images/left.gif) no-repeat; width:20px; height:367px; margin:0 1000px 0 0px;"></div>
	<div style="margin:-372px 0px 0 350px; background: url(images/mid.gif) no-repeat; width: 565px; height: 365px;">	
	</div>
	<div style="background: url(images/bot.gif) no-repeat; widht:566px; height:25px;"></div>
	<div style="margin:-390px 0px 0px 545px; background: url(images/right.gif) no-repeat; widht:20px; height:367px;" ></div>
	</div>
	
</div>
	</div>
</center>
<?
echo" <table width='550px'  style=' border:1px solid red; margin:-770px 0 0 600px; '>";


 $query = mysql_query("SELECT * FROM novina") or die (mysql_error());
 $broi = mysql_num_rows($query);
 $result = mysql_query("SELECT * FROM novina ORDER BY id DESC LIMIT 1") or die (mysql_error());
while($data = mysql_fetch_assoc($result)) {
echo "<td>Заглавие: $data[title]</td>
</tr>
<tr>
<td>Новина ";
echo "<img id='b' src='$data[pic]' />$data[text]</td>
</tr>
<tr><td align='right'>Автор: $data[avtor]</td></tr>

";
if($data[avtor] == $username) {
echo
 "

<tr><td><a href='edit.php?id=$data[id]'>Редактирай</а>
<a href='delete.php?id=$data[id]'>Изтрий</а></td></tr></table>";
}
echo "<table style='margin: -300px 0 0 550px; border:1px solid red;'>
<tr><td>Трейлър: <embed src='http://dtrailer.com/dplayer.swf' width='470' height='280' allowscriptaccess='always' allowfullscreen='false' flashvars='image=$data[clip]'></td></tr></table>";

echo "<table width='550px'  style='  margin:-670px 0 0 600px; '>
<tr><td><div id='text'><a href='contacts.html'>За контакти</a></div></td></tr>
<tr><td><img id='ss' src='images/menu.gif' alt='menu' /></td></tr>
</table>";


}


if ($username) {
echo "<div id='bizon'><a href='addnews.php'>Добави новина</a> 
<a href='logout.php'>Изход</a></div>";

}
else {
echo "<div id='krava'><a href='login.php'>Login</a> <a href='register.php'>Регистрация</a></div>";
}


?>
 
И искам сайта да е центриран като махна центер и си го нагляса няма размествания, та как да стане
 
това е опция на самия файрфокс, за да го възстановиш както е било натисни Ctrl+0
 
и няма да има бъгове под другите браусери нали :? А за центрирането да си го оставя с <center>
 
Защото като използвам център и така се бъгва ако като го махна и да го зоомвам не се бъгва, ще ми кажеш ли наи одачния начин за центриране :?
 
тоя код ми се струва, че въобще не работи, нямаше затворени тагове на боди и хтмл

Код:
<?
session_start();
include "config.php";
$username = $_SESSION['username'];
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>RoqL</title>
<style>
body {
margin-top:-375px;
color: #000;
font: 18px Comic Sans MS, georgia, arial, verdana, sans-serif; 
background-color:#e6e6e6;
}
#b {z-index:10px; float:left;}
#bizon { margin:-940px 0 0 350px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; }
#krava { margin:-940px 0 0 350px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; }
#text { margin:-49px 0 0 -270px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; position:relative;}
#ss { margin: -100px 0 0 -310px;}
a:link
{
   color: #000;
   text-decoration: none;
}

a:visited
{
   text-decoration: none;
   color: #000;
}

a:hover
{
   color: #000;
}

a:active
{
   color: #000;
}

</style>
</head>

<center>
<body>
   <div style="margin:360px 0 0 0;">
   <div style="background: url('images/background.gif') no-repeat; width:1024px; height: 1280px;"></div>
<div style="margin:-1005px 0px 400px 531px;">

   <div style="background: url('images/cont.gif') no-repeat; height:684px; widht: 556px; margin: 100px 0 0 0;"></div>
   <div style="margin: -630px 0 0 60px ;">
   <div style="background: url(images/top.gif) no-repeat;widht: 565px; height: 25px;"></div>
   <div style="background: url(images/left.gif) no-repeat; width:20px; height:367px; margin:0 1000px 0 0px;"></div>
   <div style="margin:-372px 0px 0 350px; background: url(images/mid.gif) no-repeat; width: 565px; height: 365px;">   
   </div>
   <div style="background: url(images/bot.gif) no-repeat; widht:566px; height:25px;"></div>
   <div style="margin:-390px 0px 0px 545px; background: url(images/right.gif) no-repeat; widht:20px; height:367px;" ></div>
   </div>
   
</div>
   </div>


<?
echo" <table width='550px'  style=' border:1px solid red; margin:-770px 0 0 600px; '>";


 $query = mysql_query("SELECT * FROM novina") or die (mysql_error());
 $broi = mysql_num_rows($query);
 $result = mysql_query("SELECT * FROM novina ORDER BY id DESC LIMIT 1") or die (mysql_error());
while($data = mysql_fetch_assoc($result)) {
echo "<td>Заглавие: $data[title]</td>
</tr>
<tr>
<td>Новина ";
echo "<img id='b' src='$data[pic]' />$data[text]</td>
</tr>
<tr><td align='right'>Автор: $data[avtor]</td></tr>

";
if($data[avtor] == $username) {
echo
 "

<tr><td><a href='edit.php?id=$data[id]'>Редактирай</а>
<a href='delete.php?id=$data[id]'>Изтрий</а></td></tr></table>";
}
echo "<table style='margin: -300px 0 0 550px; border:1px solid red;'>
<tr><td>Трейлър: <embed src='http://dtrailer.com/dplayer.swf' width='470' height='280' allowscriptaccess='always' allowfullscreen='false' flashvars='image=$data[clip]'></td></tr></table>";

echo "<table width='550px'  style='  margin:-670px 0 0 600px; '>
<tr><td><div id='text'><a href='contacts.html'>За контакти</a></div></td></tr>
<tr><td><img id='ss' src='images/menu.gif' alt='menu' /></td></tr>
</table>";


}


if ($username) {
echo "<div id='bizon'><a href='addnews.php'>Добави новина</a>
<a href='logout.php'>Изход</a></div>";

}
else {
echo "<div id='krava'><a href='login.php'>Login</a> <a href='register.php'>Регистрация</a></div>";
}


?>
   </body></center>
   </html>
 
Същия е проблема, та кажете ми как да го центрирам без <center></center> защото без него не се размества :?:?:?
 
Пробвай да си направиш един главен див, задай му margin: 0 auto; и другите да ги сложиш вътре в него.


Пример:
css.css

Код:
#container
{
margin: 0 auto;
}

index.htm

Код:
<?
session_start();
include "config.php";
$username = $_SESSION['username'];
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>RoqL</title>
<style>
body {
margin-top:-375px;
color: #000;
font: 18px Comic Sans MS, georgia, arial, verdana, sans-serif;
background-color:#e6e6e6;
}
#b {z-index:10px; float:left;}
#bizon { margin:-940px 0 0 350px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; }
#krava { margin:-940px 0 0 350px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; }
#text { margin:-49px 0 0 -270px; font: 25px Comic Sans MS, georgia, arial, verdana, sans-serif; position:relative;}
#ss { margin: -100px 0 0 -310px;}
a:link
{
   color: #000;
   text-decoration: none;
}

a:visited
{
   text-decoration: none;
   color: #000;
}

a:hover
{
   color: #000;
}

a:active
{
   color: #000;
}

</style>
</head>


<body>

<div id="container">

 //Тук слагаш всичко

</div>

</body>
</html>
 
Пак има размествания но не на целия сайт ами на само на вътрешноста без фона и то се мести само на ляво се бъгва ..
 
JusT каза:
Пак има размествания но не на целия сайт ами на само на вътрешноста без фона и то се мести само на ляво се бъгва ..

Линк?
 
Не съм го качвал никъде, фона е картинка и си я центрирам и като и като искам да дам зоом оут и фона си остава центриран, а другото се измества на ляво
 

Back
Горе