Помогите сделать шаблон сайта резиновым

@atonmy · 07.02.2012, 10:31

Имеется в наличии шаблон сайта. При открытии он отображается в левом углу страницы. Хочется что-бы он был на весь экран при любом разрешении. Ниже два файла index.html а за ним Template058.css
Исходя из просмотра этого форума я понял, что это значение "width="100%"".... а вот где оно должно быть не знаю. Заранее благодарен.

файл Индекс.html
<html>

<head>

<title>Your Company Name</title>
<link rel="stylesheet" type="text/css" href="Template058.css">
</head>

<body topmargin="0" leftmargin="0">

<table cellpadding="0" cellspacing="0" width="752" class="Top">
<tr>
<td><img src="images/TopRow1.jpg" width="750" height="86"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="752" class="Middle">
<tr>
<td><img src="images/TopRow2.jpg" width="458" height="20"></td>
<td><a href="index.html"><img src="images/ButtonHome.gif" width="48" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonAbout.gif" width="49" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonServices.gif" width="59" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonSupport.gif" width="59" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonContactUs.gif" width="77" height="20" border="0"></a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="752" class="Middle">
<tr>
<td><img src="images/TopRow3.jpg" width="399" height="42"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="752" class="Middle">
<tr height="1">
<td class="Color">
<table cellpadding="0" cellspacing="0" height="100%">
<tr>
<td>
<p class="NoBreakBeforeAfter"><img src="images/Back3.jpg" width="143" height="48"></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator1.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkHome.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator2.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkAboutUs.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator3.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkServices.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator4.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkSupport.gif" border="0" width="143" height="18"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator5.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkOtherPlaces.gif" border="0" width="143" height="20"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator6.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkContactUs.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator7.jpg" width="143" height="7"></p>
<p class="NoBreakBeforeAfter"><img src="_blank.gif" width="1" height="38" border="0"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/Image.jpg" width="143" height="128"></p>
</td>
</tr>

Файл №2 Template058.css
BODY
{
FONT-SIZE: 11px;
COLOR: #3357b3;
FONT-FAMILY: Tahoma;
BACKGROUND-COLOR: #ffffff
}
TABLE.Top
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px
}
TABLE.Middle
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px
}
TABLE.Bottom
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid
}
.NoBreakBeforeAfter
{
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px
}
INPUT.Box
{
MARGIN-TOP: 0px;
FONT-SIZE: 11px;
MARGIN-BOTTOM: 0px;
WIDTH: 132px;
COLOR: #000000;
FONT-FAMILY: Tahoma
}
P.Indented8L
{
MARGIN-LEFT: 8px
}
P
{
MARGIN-TOP: 4px;
FONT-SIZE: 11px;
MARGIN-BOTTOM: 4px;
COLOR: #3357b3;

@Umka · 07.02.2012, 10:46

Цитата:

Сообщение от atonmy

[html]<table width="100%" border="0" cellpadding="0" cellspacing="0" class="Top">[/html]
http://htmlbook.ru/html/table

@**psychomonkey** · 07.02.2012, 11:42

может и мне кто то поможет?))
есть шаблон хз как его резиновым сделать
[php]

/*

Theme Name: Westen

Theme URL: http://newwpthemes.com/wordpress-theme/westen/

Description: Westen is a free WordPress theme with options page. Supports the post thumbnails. Suitable for any niche.

Author: NewWpThemes.com

Author URI: http://newwpthemes.com/

Version: 1.0

Tags: Ads Ready, Two Columns, Right Sidebar, Fixed Width, Blogging, Options Page

*/

/* LAYOUT */

body {

background:url(images/background.png) top left;

}

#wrapper {

background: url(images/wrapper-background.png) left 189px repeat-x;

}

#container {

background: url(images/container-background.png) left 48px repeat-x;

}

#contentwrap {

background: #fff;

}

a {

color: #003459;

}

a:hover {

color: #003459;

}

/* HEADER */

#header {

height: 145px;

}

#header h1 {

margin-bottom: 0px !important;

padding: 11px 0 0 120x;

font-weight: normal;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

font-size: 11px;

text-transform: uppercase;

}

#header h1 a, #header h1 a:visited {

color:#003459;

text-decoration: none;

}

#header h2 {

color: #003459;

font-size: 14px;

padding-left: 15px;

font-family: Arial, Helvetica, Sans-serif;

font-style: italic;

}

.logoimg {

margin: 20px 0 0 15px;

}

/* NAVIGATION MENUS */

#pagemenucontainer {

height: 26px;
margin-top: 5px;

float: left;

padding: 6px 6px 0 0;

background: #ffffff;

}

#pagemenu {

height: 26px;

float: left;

}

#pagemenu, #pagemenu ul {

padding: 0;

margin: 0;

list-style: none;

line-height: 1;

}

#pagemenu {

margin-bottom: 1px;

}

#pagemenu ul {

float: left;

list-style: none;

margin: 0px 0px 0px 0px;

padding: 0px;

}

#pagemenu li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#pagemenu ul li {

list-style: none;

margin: 0px;

padding: 0px;

}

#pagemenu li a, #pagemenu li a:link {

color: #000000;

display: block;

margin: 0 0 0 6px;

padding: 8px 14px;

text-decoration: none;

font-weight: bold;

text-transform: uppercase;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

}

#pagemenu li a:hover, #pagemenu li a:active {

color: #ffffff;

display: block;

text-decoration: none;

background: url(images/pagenav-hover.png) top left repeat-x;

}

#pagemenu li.current_page_item a {

color: #ffffff;

background: url(images/pagenav-hover.png) top left repeat-x;

}

#pagemenu li:hover, #pagemenu li.sfhover {

position: static;

}

.topright {

text-align: right;

margin: 13px 0 0 0;

}

.topright a {

color: #dfdfdf;

text-decoration: none;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

vertical-align: top;

font-weight: bold;

text-transform: uppercase;

text-shadow: 0 1px 0 #565656;

}

.topright a:hover {

color: #ffc703;

text-shadow: 0 1px 0 #562d09;

}

.navcontainer {

height: 29px;

padding: 0 0 4px 10px;

background: url(images/nav-border.png) left bottom repeat-x; display:none;

}

#nav {

height: 30px;

}

#nav, #nav ul {

padding: 0;

margin: 0;

list-style: none;

line-height: 1;

}

#nav {

margin-bottom: 1px;

}

#nav ul {

float: left;

list-style: none;

margin: 0px 0px 0px 0px;

padding: 0px;

}

#nav li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#nav ul li {

list-style: none;

margin: 0px;

padding: 0px;

}

#nav li a, #nav li a:link {

background: #d5d3b9;

color: #65634b;

display: block;

margin: 0px 6px 0px 0px;

padding: 8px 15px;

text-decoration: none;

font-size: 12px;

font-weight: bold;

text-transform: uppercase;

border-left: 1px solid #e0dece;

border-top: 1px solid #e0dece;

border-right: 1px solid #e0dece;

text-shadow: 0 1px 0 #e4e3ce;

}

#nav li a:hover, #nav li a:active {

color: #fff;

display: block;

text-decoration: none;

background: url(images/nav-hover.png) top left repeat-x;

text-shadow: 0 1px 0 #403f2e;

}

#nav li.current-cat a {

color:#fff;

background: url(images/nav-hover.png) top left repeat-x;

text-shadow: 0 1px 0 #403f2e;

}

#nav li:hover, #nav li.sfhover {

position: static;

}

/* CONTENT */

#content {

background-color: #fff;

padding: 15px 5px 15px 15px;

}

pre { overflow: auto;

width: 470px;

}

.post {

border-bottom: 1px solid #ddd;

padding-bottom: 15px;

margin-bottom: 15px;

}

.post p {

margin-bottom: 10px;

}

.title {

margin: 0 0 8px 0;

padding: 0px;

line-height: 24px;

font-size: 24px;

font-family: Arial, Verdana;

color: #003459;

font-weight: bold;

}

.title a {

text-decoration: none;

color: #003459;

}

.title a:hover {

text-decoration: underline;

color: #003459;

}

.pagetitle {

margin-bottom: 20px;

line-height: 22px;

font-family: Arial, Verdana;

text-decoration: underline;

}

.readmorecontent {

text-align: right;

}

a.readmore {

padding: 4px 15px;

background: #d5d5d5;

color: #4d4c3e;

text-decoration: none;

font-size: 12px;

}

a.readmore:hover {

background: #d5d5d5;

color: #fff;

}

.postdate {

font-size: 13px;

font-family: Arial, Helvetica, Sans-serif;

font-style: italic;

color: #8a8a8a;

}

.postmeta {

font-size: 11px;

padding: 2px 4px;

font-family: Arial, Verdana;

color: #474747;

}

.postdate img, .postmeta img {

border: none;

vertical-align: middle;

margin:2px;

}

.entry {

text-align: justify;

line-height: 20px;

padding-top: 8px;

font-family: Arial, Verdana;

font-size: 14px;

color: #474747;

}

.navigation {

padding: 10px 0;

}

blockquote {

overflow: hidden;

padding-left: 9px;

font-style: italic;

color: #666;

border-left: 3px solid #CADAE7;

}

.post img {

max-width: 680px;

}

img.wp-smiley {

max-height: 12px;

margin: 0;

padding: 0;

border: none;

}

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}

.alignleft {

float: left;

}

.alignright {

float: right;

}

.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}

/* wp-pagenavi */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {

font-size: 15px !important;

padding: 4px 8px !important;

color: #5c5a45 !important;

background:none !important;

border: 0 !important;

}

.wp-pagenavi a:hover {

border: 0 !important;

color: #fff !important;

background:#e44b15 !important;

border: 0 !important;

}

.wp-pagenavi span.pages {

font-size: 15px !important;

padding: 4px 8px !important;

color: #5c5a45 !important;

background: none !important;

border: 0 !important;

}

.wp-pagenavi span.current {

font-size: 15px !important;

padding: 4px 8px !important;

font-weight: bold;

color: #fff !important;

background:#5c5a45 !important;

border: 0 !important;

}

.wp-pagenavi span.extend {

font-size: 15px !important;

padding: 4px 8px !important;

background:transparent !important;

color: #5c5a45 !important;

background: none !important;

border: 0 !important;

}

/* SIDEBAR(S) */

.sidebaradbox {

margin-top: 5px;

text-align:center;

}

.ad125 {

margin: 10px;

}

.sidebar {

margin: 0 10px 10px 0;

font-size: 13px;

}

.sidebar a {

text-decoration: none;

color: #4c4a3a;

}

.sidebar a:hover {

text-decoration: underline;

color:#003459;

}

#search {

border: 1px solid #d5d5d5;

height: 30px;

padding: 0;

background: #f4f4f4;

text-align: right;

}

#search input {

border: 0;

background: none;

color: #65634b;

}

#s {

width: 240px;

padding: 4px;

margin:3px 0 0 0;

background: none;

}

#topsearch #s {

width: 258px;

}

#topsearch #search {

margin: 15px 0 0 0;

}

/* Social icons */

.addthis_toolbox {

padding: 15px 0 5px 0;

text-align: center;

}

.addthis_toolbox .custom_images a

{

width: 32px;

height: 32px;

margin: 0 4px 0 4px;

padding: 0;

}

.addthis_toolbox .custom_images a:hover img

{

opacity: 1;

}

.addthis_toolbox .custom_images a img

{

opacity: 0.85;

}

.rssbox {

background: #fff;

border: 1px solid #d5d5d5;

padding: 10px;

margin: 10px 0 0 0;

}

.rssbox:hover {

border: 1px solid #d5d5d5;

}

.rssbox a {

color: #555;

text-transform: uppercase;

font-size: 12px;

font-weight: bold;

text-decoration: none;

font-family: Arial, Helvetica, Sans-serif;

}

.rssbox a:hover {

color: #47560b;

text-decoration: underline;

}

.twitterbox {

background: #fff;

border: 1px solid #d5d5d5;

padding: 10px;

margin: 10px 0 0 0;

}

.twitterbox:hover {

border: 1px solid #d5d5d5;

}

.twitterbox a {

color: #555;

text-transform: uppercase;

font-size: 12px;

font-weight: bold;
text-decoration: none;

font-family: Arial, Helvetica, Sans-serif;
display:none;

}

.twitterbox a:hover {

color: #47560b;

text-decoration: underline;

}

.sidebarvideo {

}

.sidebar h2 {

margin: 10px 0 0 0;

padding: 8px 0 8px 12px;

background: url(images/sidebar-tab.png) left center repeat-x;

font-size: 16px;

line-height: 16px;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

text-transform: uppercase;

color: #514f3c;

text-shadow: 0 1px 0 #f7f6eb;

}

.sidebar ul {

list-style-type: none;

margin: 0px 0px 10px 0px;

padding: 0px;

}

.sidebar ul li {

list-style-type: none;

margin: 0px 0px 5px 0px;

padding: 0px;

}

.sidebar ul ul {

list-style-type: none;

margin: 0px;

padding: 0px;

}

.sidebar ul li li , .sidebar ul li ul li {

padding: 6px 0px 6px 8px;

margin: 0;

border-bottom: 1px solid #eeecdd;

background: url(images/bullet.png) 4px 6x no-repeat;

}

#wp-calendar th {

font-style: normal;

text-transform: capitalize;

color: #51503c;

background: #fff;

}

#wp-calendar caption {

padding: 2px 4px;

text-transform: uppercase; margin: 2px 0 2px 0;

background: #fff;

}

#wp-calendar td {

color: #51503c;

font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

letter-spacing: normal;

padding: 2px 0;

text-align: center;

}

#wp-calendar td:hover, #wp-calendar #today, #wp-calendar #today a {

background: #0061a6;

color: #ffffff;

}

#wp-calendar {

empty-cells: show;

font-size: 14px;

margin: 0;

font-weight: bold;

width: 100%;

}

/* FOOTER */

#footer {

background: #003459;

padding: 22px;

text-align: center;

color: #fff;

font-size: 13px;

}

#footer a {

color: #fff;

}

#footer a:hover {

text-decoration: none;

}

#footer2 {

color: #706f61;

font-size: 11px;

text-align: center;

padding: 10px;

display:none;

}

#footer2 a {

color: #706f61;

text-decoration: none;

}

/* COMMENTS */

#comments h3 {

margin-bottom: 10px;

}

#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}

#commentform {

margin: 5px 10px 0 0;

}

#commentform textarea {

width: 100%;

padding: 2px;

}

#respond:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#commentform #submit {

margin: 0 0 5px auto;

float: right;

}

.alt {

margin: 0;

padding: 10px;

}

.commentlist {

padding: 0;

text-align: justify;

}

.commentlist li {

margin: 15px 0 10px;

padding: 5px 5px 10px 10px;

list-style: none;

}

.commentlist li ul li {

margin-right: -5px;

margin-left: 10px;

}

.commentlist p {

margin: 10px 5px 10px 0;

}

.children { padding: 0; }

#commentform p {

margin: 5px 0;

}

.nocomments {

text-align: center;

margin: 0;

padding: 0;

}

.commentmetadata {

margin: 0;

display: block;

}

.post_thumbnail {

padding: 6px;

background: #fff;

border: 1px solid #d5d5d5;

margin: 0 10px 10px 0;

}

H2 {

padding:0;

margin:5px 0 0 0;

font-size:12px;

color:#003459;

}

DIV.VoyageSearch A {

font-family: Tahoma;

font-weight:bold;

font-size: 10px;

text-decoration: none;

color: #0065AC;

}

DIV.VoyageSearch {

font-family:tahoma;

width: 600px;

background-color:#FFFFFF;

padding: 3px;

border:0px solid #d5d5d5;

}

DIV.VoyageSearch TD {

font-family:Tahoma;

font-size:10px;

padding-left:5px;

}

DIV.VoyageSearch SELECT,

DIV.VoyageSearch INPUT {

font-family:Tahoma;

font-size:10px;

}

SPAN.VoyageHeader {

font-family: Verdana;

font-size: 17px;

color: #0266B3;

}

DIV#order_form {

display: none;

border:3px double #d5d5d5;

position:absolute;

top:100px;

left:300px;

background-color: #fcf5e0;

padding: 8px;

}

DIV#thx_form {

display: none;

border:3px double #d5d5d5;

position:absolute;

top:170px;

left:380px;

background-color: #fcf5e0;

padding: 8px;

}

TABLE.prices_3 {

border-collapse:collapse;

}

TABLE.prices_3 TD.title {

width:30%;

text-align:right;

padding-right:10px;

}

TABLE.prices_3 TBODY TD {

padding: 5px 0 5px 0;

border-bottom: 1px solid #DEDEFF;

font-size:11px;

}

TABLE.prices_3 TR.out TD {

background-color:white;

}

TABLE.prices_3 THEAD TD,

TABLE.prices_3 TH {

font-weight:bold;

font-size:11px;

/* background-color: #F4F1E2; */

border-top: 1px solid #6B6BA5;

border-bottom: 1px solid #6B6BA5;

padding: 10px 10px 10px 0px;

}

TABLE.prices_3 A:HOVER {

text-decoration: underline;

}

TABLE.prices_3 TD.hidden {

border-top:1px solid red;

}

DIV.preload {

width:250px;

height:100px;

background-color: white;

border:3px double #d5d5d5;

text-align:center;

padding:20px 10px 10px 10px;

font-weight:bold;

vertical-align:middle;

position:absolute;

top:200px;

left:600px;

display:none;

font-size:10px;

}

div.resort_1 {

overflow:hidden;

height:151px;

width:100%;

border-bottom:1px solid #7F9DB9;

background-color:white;

}

div#voyage_resort {

overflow:scroll;

height:169px;

width:100%;

border:1px solid #d5d5d5;

text-align:left;

}

div.resort_1 span {

color:gray;

display:block;

margin:3px;

}

div.hotel_1 {

overflow:hidden;

height:182px;

width:100%;

border-bottom:1px solid #7F9DB9;

background-color:white;

}

div#voyage_hotel {

overflow:scroll;

height:200px;

width:100%;

border:1px solid #d5d5d5;

text-align:left;

}

div.hotel_1 span {

color:gray;

display:block;

margin:3px;

}

input.calendar_input {

background-image:url(http://www.galopom.com.ua/img/galopo...ut_small.gif);

background-position:59px center;

background-repeat:no-repeat;

border:1px solid #d5d5d5;

padding-bottom:2px;

padding-left:2px;

padding-top:2px;

width:78px;

height:18px;

font-size:11px;

}

#price_history {

display:none;

position:absolute;

width:500px;

height:200px;

background:#fcfbf3;

border:1px solid #d5d5d5;

padding:10px;

}

div.history_title {

font-weight:bold;

font-size:15px;

}

div.search_booking {

float:right;

margin-top:10px;

}

div.search_booking a {

font-size:20px;

font-weight:normal;

}

/* Описание отеля в поиске и в ценах */

div.hotel_description_1 {

margin-top:10px;

background-color:#f8f8dc;

border-top:1px solid #e1e1c8;

border-left:1px solid #e1e1c8;

border-bottom:1px solid #e1e1c8;

}

div.hotel_description_2 {

margin-left:0px;

background-color:white;

height:250px;

overflow-y:auto;

overflow-x:hidden;

}

div.hotel_description_3 {

padding:10px;

}

/* SCW */

table.scw {

padding: 1px;

vertical-align:middle;

border: 1px solid #d5d5d5;

font-size: 10pt;

font-family: Verdana,Arial,Helvetica,Sans-Serif;

font-weight: bold;

background-color: #fcf5e0;

}

td.scwDrag, td.scwHead {

padding: 0px 0px;

text-align: center;

}

td.scwDrag {

font-size: 8pt;

}

select.scwHead {

margin: 3px 1px;

text-align: center;

}

input.scwHead {

height: 22px;

width: 22px;

vertical-align:middle;

text-align: center;

margin: 2px 1px;

font-weight: bold;

font-size: 10pt;

font-family: fixedSys;

border: 1px solid #d5d5d5;

}

td.scwWeekNumberHead, td.scwWeek {

padding: 0px;

text-align: center;

font-weight: bold;

}

td.scwFoot, td.scwFootHover, td.scwFoot:hover, td.scwFootDisabled {

padding: 0px;

text-align: center;

font-weight: normal;

}

table.scwCells {

text-align: right;

font-size: 8pt;

width: 96%;

}

td.scwCells,

td.scwCellsHover,

td.scwCells:hover,

td.scwCellsDisabled,

td.scwCellsExMonth,

td.scwCellsExMonthHover,

td.scwCellsExMonth:hover,

td.scwCellsExMonthDisabled,

td.scwCellsWeekend,

td.scwCellsWeekendHover,

td.scwCellsWeekend:hover,

td.scwCellsWeekendDisabled,

td.scwInputDate,

td.scwInputDateHover,

td.scwInputDate:hover,

td.scwInputDateDisabled,

td.scwWeekNo,

td.scwWeeks {

padding: 3px;

width: 16px;

height: 16px;

border-width: 1px;

border-style: solid;

font-weight: bold;

vertical-align: middle;

}

/* Blend the colours into your page here... */

/* Drag Handle */

td.scwDrag {

background-color: #9999CC;

color: #CCCCFF;

}

/* Week number heading */

td.scwWeekNumberHead {

color: #6666CC;

}

/* Week day headings */

td.scwWeek {

color: #000000;

}

/* Week numbers */

td.scwWeekNo {

background-color: #776677;

color: #faeece;

}

/* Enabled Days */

/* Week Day */

td.scwCells {

background-color: #faeece;

color: #000000;

}

/* Day matching the input date */

td.scwInputDate {

background-color: #ffcc00;

color: #FF0000;

}

/* Weekend Day */

td.scwCellsWeekend {

background-color: #faeece;

color: #dd0000;

}

/* Day outside the current month */

td.scwCellsExMonth {

background-color: #faeece;

color: #666666;

}

/* Today selector */

td.scwFoot {

background-color: #eee2b7;

color: #FFFFFF;

}

/* MouseOver/Hover formatting

If you want to "turn off" any of the formatting

then just set to the same as the standard format

above.

Note: The reason that the following are

implemented using both a class and a :hover

pseudoclass is because Opera handles the rendering

involved in the class swap very poorly and IE6

(and below) only implements pseudoclasses on the

anchor tag.

*/

/* Active cells */

td.scwCells:hover, td.scwCellsHover {

background-color: #ffcc00;

cursor: pointer;

color: #000000;

}

/* Day matching the input date */

td.scwInputDate:hover, td.scwInputDateHover {

background-color: #ffcc00;

cursor: pointer;

color: #000000;

}

/* Weekend cells */

td.scwCellsWeekend:hover, td.scwCellsWeekendHover {

background-color: #ffcc00;

cursor: pointer;

color: #000000;

}

/* Day outside the current month */

td.scwCellsExMonth:hover, td.scwCellsExMonthHover {

background-color: #ffcc00;

cursor: pointer;

color: #000000;

}

/* Today selector */

td.scwFoot:hover, td.scwFootHover {

color: #ffcc00;

cursor: pointer;

font-weight: bold;

}

/* Disabled cells */

/* Week Day */

/* Day matching the input date */

td.scwInputDateDisabled {

background-color: #d3cbb3;

color: #000000;

}

td.scwCellsDisabled {

background-color: #f3f3d7;

color: #d3cbb3;

}

/* Weekend Day */

td.scwCellsWeekendDisabled {

background-color: #f3f3d7;

color: #d3cbb3;

}

/* Day outside the current month */

td.scwCellsExMonthDisabled {

background-color: #f3f3d7;

color: #d3cbb3;

}

td.scwFootDisabled {

background-color: #eee2b7;

color: #FFFFFF;

}

div.voyage_border {

border:3px double #d5d5d5;

padding:3px 3px 30px 3px;

}

.col1 {padding:0 20px 0 30px;float:left; width:295px;}
.col2 {float:left; width:295px;}

#categories-3 .cat-item {
float: left;
width: 46%;
}

#categories-3 {
overflow: hidden;
}[/php]

@gazovik-fc · 05.04.2012, 03:40

Цитата:

Сообщение от psychomonkey

может и мне кто то поможет?))
есть шаблон хз как его резиновым сделать

это файл стилей - здесь нет настроек ширины...
ищите в шабонах, обычно там ...

@daniel_utochkin · 19.04.2012, 13:43

Кто можеть скинут шаблоны дизана(точнее где их можно взять?)

@Upt · 12.07.2012, 14:23

Цитата:

Сообщение от psychomonkey

может и мне кто то поможет?))
есть шаблон хз как его резиновым сделать

попробуйте здесь посмотреть.. от слова Autostretch:
pervyiurok.ru/Info/DreamweaverMX/Chapter%208/1

07.02.2012, 10:31	#1
@atonmy Сообщений: 1 FR (активность): 81 Отзывы: Доп. информация Регистрация: 07.02.2012	Помогите сделать шаблон сайта резиновым Имеется в наличии шаблон сайта. При открытии он отображается в левом углу страницы. Хочется что-бы он был на весь экран при любом разрешении. Ниже два файла index.html а за ним Template058.css Исходя из просмотра этого форума я понял, что это значение "width="100%"".... а вот где оно должно быть не знаю. Заранее благодарен. файл Индекс.html <html> <head> <title>Your Company Name</title> <link rel="stylesheet" type="text/css" href="Template058.css"> </head> <body topmargin="0" leftmargin="0"> <table cellpadding="0" cellspacing="0" width="752" class="Top"> <tr> <td><img src="images/TopRow1.jpg" width="750" height="86"></td> </tr> </table> <table cellpadding="0" cellspacing="0" width="752" class="Middle"> <tr> <td><img src="images/TopRow2.jpg" width="458" height="20"></td> <td><a href="index.html"><img src="images/ButtonHome.gif" width="48" height="20" border="0"></a></td> <td><a href="index.html"><img src="images/ButtonAbout.gif" width="49" height="20" border="0"></a></td> <td><a href="index.html"><img src="images/ButtonServices.gif" width="59" height="20" border="0"></a></td> <td><a href="index.html"><img src="images/ButtonSupport.gif" width="59" height="20" border="0"></a></td> <td><a href="index.html"><img src="images/ButtonContactUs.gif" width="77" height="20" border="0"></a></td> </tr> </table> <table cellpadding="0" cellspacing="0" width="752" class="Middle"> <tr> <td><img src="images/TopRow3.jpg" width="399" height="42"></td> </tr> </table> <table cellpadding="0" cellspacing="0" width="752" class="Middle"> <tr height="1"> <td class="Color"> <table cellpadding="0" cellspacing="0" height="100%"> <tr> <td> <p class="NoBreakBeforeAfter"><img src="images/Back3.jpg" width="143" height="48"></p> <p class="NoBreakBeforeAfter"><img src="images/HSeparator1.jpg" width="143" height="6"></p> <p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkHome.gif" border="0" width="143" height="19"></a></p> <p class="NoBreakBeforeAfter"><img src="images/HSeparator2.jpg" width="143" height="6"></p> <p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkAboutUs.gif" border="0" width="143" height="19"></a></p> <p class="NoBreakBeforeAfter"><img src="images/HSeparator3.jpg" width="143" height="6"></p> <p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkServices.gif" border="0" width="143" height="19"></a></p> <p class="NoBreakBeforeAfter"><img src="images/HSeparator4.jpg" width="143" height="6"></p> <p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkSupport.gif" border="0" width="143" height="18"></a></p> <p class="NoBreakBeforeAfter"><img src="images/HSeparator5.jpg" width="143" height="6"></p> <p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkOtherPlaces.gif" border="0" width="143" height="20"></a></p> <p class="NoBreakBeforeAfter"><img src="images/HSeparator6.jpg" width="143" height="6"></p> <p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkContactUs.gif" border="0" width="143" height="19"></a></p> <p class="NoBreakBeforeAfter"><img src="images/HSeparator7.jpg" width="143" height="7"></p> <p class="NoBreakBeforeAfter"><img src="_blank.gif" width="1" height="38" border="0"></a></p> <p class="NoBreakBeforeAfter"><img src="images/Image.jpg" width="143" height="128"></p> </td> </tr> Файл №2 Template058.css BODY { FONT-SIZE: 11px; COLOR: #3357b3; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffffff } TABLE.Top { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px } TABLE.Middle { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px } TABLE.Bottom { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid } .NoBreakBeforeAfter { MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px } INPUT.Box { MARGIN-TOP: 0px; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; WIDTH: 132px; COLOR: #000000; FONT-FAMILY: Tahoma } P.Indented8L { MARGIN-LEFT: 8px } P { MARGIN-TOP: 4px; FONT-SIZE: 11px; MARGIN-BOTTOM: 4px; COLOR: #3357b3;

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра	Оценка этой теме
Линейный вид Комбинированный вид Древовидный вид	Оценка этой теме:

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сделать уникальный шаблон.	SMMhit	Дизайн и верстка	8	16.02.2012 15:14
Оцените шаблон сайта! Хочу сделать свой на его основе.	boxpvm	Оценка сайтов	12	06.01.2012 06:54
Как сделать шаблон "резиновым"	jessica	Joomla	15	24.08.2011 12:16
Помогите найти шаблон	spy	Разработка сайтов	0	05.08.2011 12:18
Помогите сделать резиновый шаблон	roteratte	Дизайн и верстка	2	21.04.2011 21:05

19.04.2012, 13:43	#5
@daniel_utochkin Сообщений: 20 FR (активность): 5 Отзывы: Доп. информация Регистрация: 18.04.2012	Кто можеть скинут шаблоны дизана(точнее где их можно взять?)

Сообщение форума

Отменить изменения