Проблем с оразмеряването на сайт.

A

amarok

Registered
Имам проблем с сайт като натисна CTRL + SCROLL назад сайта се разтяга ето примерна снимка


1596.jpg




А аз искам да си е ето така


1597.jpg



Искам да го направя както е на втората снимка :/
 
Ето css кода


Код: 
body {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
background-color: #1d2022; background-image: url('img/bg.jpg');
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 0px;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color:  #004499;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: white;
}

table {

   background-color: #000000;
}

table.message {
  border: solid #ffffff 1px;
}
table.xx {
  border: solid #fafafa 1px;
}
table.main, table.mainouter {
background-color: #1d2022;
}

table.bottom {
  background: transparent;
}
table.test {
background-color: #1d2022;
}
h1 {
  font-size: 12pt;
}

h2 {
  font-size: 10pt;
  margin-bottom: 6px;
}

p {
	font-size: 8pt;
}

p.sub {
  margin-bottom: 4pt;
}

td {
	font-size: 8pt;
	border: solid #006baf 1px;
}

td.embedded {
   border: none;
   padding: 0px;
   text-align: left;
}


#header { background-image: url("img/logo.gif"); width:979px; height:174px; }


td.bottom {
  border: none;
}

td.heading {
  font-weight: bold;
}

td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
  padding: 10pt;
  font-size: 8pt;
  text-align: left;
}

td.colhead {
  font-weight: bold;
  color: #484848;
  background-image: url(http://img.zamunda.net/pic/bar.gif);
}
td.colheadd {
  font-weight: bold;
  color: #484848;
  background-image: url(http://img.zamunda.net/pic/bar1.gif);
}

td.rowhead {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

td.title {
	font-size: 14pt;
}

td.navigation {
	font-weight: bold;
	font-size: 10pt;
   border: none;
}

td.clear {
  padding: 0px;
  border: 0px;
  background: transparent;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.sublink {
	font-style: italic;
	font-size: 7pt;
	font-weight: normal;
}

font.gray
{
  color: #ACA899;
  text-decoration: underline;
}

a:link, a:visited {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

a:hover {
  color: #ff0c00;
  text-decoration: underline;
}

a.index {
	font-weight: bold;
}

a.biglink {
	font-weight: bold;
	font-size: 12pt;
}

a.altlink:link, a.altlink:visited{
	font-weight: bold;
	color: #A83838;
	text-decoration: none;
}

a.altlink:hover {
  text-decoration: underline;
}

.important {
	font-weight: bold;
	font-size: 8pt;
}

.red {
	color: #ee0000;
}

.yellow {
	color: #997700;
}

.green {
	color: #000000;
}

input, select, textarea {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
}

.btn {
  width: 75px;
  height: 23px;
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}

li {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

ul {
  margin-left: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
}
img.border
{
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}
 
Ако table ти е главната таблица на целия сайт.
Значи ето така.
Код: 
table { 
   background-color: #000000;
   width: 979px; /взех го от големината на header-а.
   padding: 0;
   margin: 0 auto; /тук да е центиран главния content.
}
btw ако не стане и така няма да е зле да дадеш и част от html кода. :wink:
 
dashe каза:
btw ако не стане и така няма да е зле да дадеш и част от html кода. :wink:
Увеличете...
Също виж дане си писал някаде във кода.
Код: 
<table ..... width="100%">
.....
</table>
 
оуу найстина бях слагал и там ;d


Код: 
<table class="mainouter" width="100%" border="1" cellpadding="5" cellspacing="0">
 
Ами мисля че за да не се разтяга трябва да е в забити пиксели, а не в проценти.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе