Problème de largeur sur BLOG SKYNET

Fermé
Sainte cécile - 14 mars 2010 à 19:44
Bonjour,

j'ai voulu modifier la couleur du background de mon blog (skynet) mais je suis novice en language HTML
j'ai pourtant fait extrèmement attention à ne pas modifier autre chose que les codes couleurs mais au final, mon blog apparait comme en zoom à deux cent pourcent et on ne voit plus à l'affichage les colonnes de gauche et de droite sans avoir à recourir aux flèches de déplacement d'affichage de l'écran..

Quelqu'un saurait il comment modifier cela ?
Je suis perdue dans les explications sur le net..Et surtout j'ai peur d'empirer la situation si je touche encore à d'autres choses.

VOILa le html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{PAGE_TITLE}</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">

{STYLESHEET}
</head>
<body>
<div id="centreur">
<table width="770" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div class="header"><span class="title"><a href="/" class="title">{TITLE}</a></span><br>
<span class="description">{DESCRIPTION}</span></div></td>

<a href="http://www.zero-complexe.com/imc.php"><img src="http://www.zero-complexe.com/..." ALT="Reglette regime" TITLE="IMC, calcul indice de masse corporelle" border=0></a>

</tr>
</table>
<div class="content">
<table width="733" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="http://blogsimages.skynet.be/images_fixed/static_536/headerBack.gif" ></td>
<td align="right" background="http://blogsimages.skynet.be/images_fixed/static_536/headerBack.gif" ><img src="http://blogsimages.skynet.be/images_fixed/static_536/headerCorn.gif" width="34" height="12"></td>
<td align="right" bgcolor="#B8EA32" ><img src="http://blogsimages.skynet.be/images_fixed/static_536/HeaderBox.gif" alt="top" width="175" height="12"></td>
</tr>
<tr>
<td width="150" class="bottomleft">
<!-- BEGIN freezone1 -->
<table cellpadding="0" cellspacing="0" width="150" border=0 >
{OPENFREEZONETITLE}
<tr>
<td class="top_freezone">{FREEZONETITLE}</td>
</tr>
{CLOSEFREEZONETITLE}
<tr>
<td class="freezone_contentleft">{FREEZONECONTENT}</td>
</tr>
<tr>
<td height="15" align="center"><img src="http://blogsimages.skynet.be/images_fixed/static_536/sepLeft.gif" width="150" height="7"></td>
</tr>
</table>
<!-- END freezone1 --> </td>
<td width="416" valign="top" style="padding-left:15px; padding-right:15px" >
<div>
<!-- BEGIN post -->
<table width="100%" border="0" cellpadding="0" cellspacing="5">
<tr>
<td></td>
</tr>
<tr>
<td class="post_header"><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="5%" valign="top">{OPENPOST_PERMALINK}<a href="{POST_PERMALINK}"><img src="http://blogsimages.skynet.be/images_fixed/static_536/bulletIco.gif" width="11" height="15"></a>{CLOSEPOST_PERMALINK}</td>
<td width="95%"> <h3>{DATE_HEADER}</h3>
<h2> {POST_TITLE}</h2></td>
</tr>
</table> </td>
</tr>
<tr>
<td class="post_content">{POST_CONTENT}<br> </td>
</tr>
<tr>
<td align="right">{OPENPOST_RATE}{RATE_COMMENT}{CLOSEPOST_RATE}</td>
</tr>
<tr>
<td align="right">{POST_SHARE_BUTTON}</td>
</tr>
<tr>
<td class="lower_content" align="right">{POST_DATE}, {POST_TIME} {POST_AUTHOR}<br>{TAGS} {CATEGORY}<br>
{OPENPOST_COMMENT}<a href="{POST_COMMENT_URL}" class="lower_content"><img src="http://blogsimages.skynet.be/images_fixed/static_536/mailSmart.gif" alt="comment" width="13" height="10" border="0"> {POST_COMMENT_LINKTEXT} ({POST_COMMENT_NUMBER})</a>{CLOSEPOST_COMMENT}</td>
</tr>
<tr>
<td colspan=2><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" background="http://blogsimages.skynet.be/images_fixed/static_536/sepMmiddel.gif"><img src="http://blogsimages.skynet.be/images_fixed/static_536/sepMLeft.gif" alt="z" width="99" height="16"></td>
<td align="right" background="http://blogsimages.skynet.be/images_fixed/static_536/sepMmiddel.gif"><img src="http://blogsimages.skynet.be/images_fixed/static_536/sepMRigth.gif" alt="z" width="99" height="16"></td>
</tr>
</table></td>
</tr>
</table>
<!-- END post -->
{COMMENT_PART_TITLE}
<!-- BEGIN comment -->
<div class="content">
<div class="comment">
<h2>{COMMENT_DATE}, {COMMENT_TIME}</h2>
<h1>{COMMENT_TITLE}</h1>
<hr />
<p>{COMMENT_CONTENT}</p>
<span class="sig">
<h6>{COMMENT_AUTHOR_NICKNAME}</h6>
{OPENCOMMENT_AUTHOR_EMAIL} <a href="mailto:{COMMENT_AUTHOR_EMAIL}" class="mail_link">{COMMENT_AUTHOR_EMAIL}</a> {CLOSECOMMENT_AUTHOR_EMAIL} </span>

{OPENCOMMENT_URL} <a href="{COMMENT_URL}" class="anchor" target="_blank">{COMMENT_URL}</a> {CLOSECOMMENT_URL}
</div>
</div>
<!-- END comment -->

<div id="form_comment">{COMMENT_FORM}</div>
<table cellpadding="0" cellspacing="0" width="100%" border=0>
<tr>
<td height="5" colspan="3"></td>
</tr>
<tr>
<td width="40%" align="left" valign="middle">{PREVIOUS_PAGE_ANCHOR}<img src="http://blogsimages.skynet.be/images_fixed/static_536/SmartBack.gif" alt="previous" width="22" height="22" align="absmiddle">{PREVIOUS} {PREVIOUS_PAGE_ANCHOR_CLOSE}</td>
<td width="20%" align="center"><a href="/"><img src="http://blogsimages.skynet.be/images_fixed/static_536/SmartHome.gif" alt="homepage" width="22" height="22"><br>
Home</a></td>
<td width="40%" align="right" valign="middle">{NEXT_PAGE_ANCHOR} {NEXT}<img src="http://blogsimages.skynet.be/images_fixed/static_536/SmartRight.gif" alt="next" width="22" height="22" align="absmiddle">{NEXT_PAGE_ANCHOR_CLOSE}</td>
</tr>
<tr>
<td align="right" colspan="3"></td>
</tr>
<tr>
<td height="10" colspan=3></td>
</tr>
</table>
</div> </td>
<td width="167" bgcolor="#B8EA32">
<!-- BEGIN freezone2 -->
<div style="padding:8px; padding-top:0"> {OPENFREEZONETITLE}
<div class="boxheader">{FREEZONETITLE}</div>
{CLOSEFREEZONETITLE}
<div id="boxcontent">{FREEZONECONTENT}</div>
<div class="boxfooter"></div>
</div>
<!-- END freezone2 --> </td>
</tr>
<tr>
<td background="http://blogsimages.skynet.be/images_fixed/static_536/FooterBack.gif" class="bottomleft"></td>
<td align="right" valign="top" background="http://blogsimages.skynet.be/images_fixed/static_536/FooterBack.gif" ><img src="http://blogsimages.skynet.be/images_fixed/static_536/FooterCorn.gif" alt="d" width="34" height="12"></td>
<td align="right" valign="top" bgcolor="#B8EA32"><img src="http://blogsimages.skynet.be/images_fixed/static_536/FooterBox.gif" alt="footer" width="175" height="12"></td>
</tr>
</table>
</div></td>
</tr>
</table>
<blockquote> </blockquote>
</div>
</body>
</html>

Et le CSS
/* OLD COMMENT PART */

/* BALISES */

BODY, UL, OL, LI, DD, P, DL, BLOCKQUOTE, TD, TH
{
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #666666;

}

hr{
height:1px;
display: block;
color: #E4005E;
clear: both;
}

/* ID */
#buttons{
width: 200px;
margin: 10px auto;
padding: 0px;
}
#buttons a{
color: #000;
font-size: 12px;
text-decoration: none;
margin: 0px 15px;
}
#buttons a:hover{
color: #000;
font-size: 12px;
text-decoration: underline;
margin: 0px 15px;
}

#form_comment{
font-size: 12px;
padding:20px; margin-top:10px; WIDTH: 100%; background-color:#FFB1D1

}

#footer{
width: 100%;
margin: 0px;
padding: 0px;


}
/* CLASSES */
.comment{
background-color:#ffffff;
margin: 10px 25px 25px 25px;
padding: 0px;
text-align: left;
}
.comment h1{
width: 100%;
margin: 0px;
padding: 0px;
font-size: 18px;
color: #576D1C;
}
.comment h2{
margin: 0px;
padding: 0px;
font-size: 13px;
font-style: italic;
}
.comment p{
font-size: 12px;
color: #666666;
}
.url{
display: block;
width: 300px;
color: #13457A;
margin: 0px;
padding: 0px;
text-decoration: none;
font-size: 12px;
font-style: italic;
}
.url:hover{
color: #13457A;
margin: 0px;
padding: 0px;
text-decoration: underline;
font-size: 12px;
font-style: italic;
}
.sig{
margin: 0px;
padding: 0px;
float: right;
text-align: right;
font-size: 12px;
}
.sig h6{
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
}
.obligatoire{
width: 11px;
height: 10px;
border: none;
margin: 0px;
padding: 0px;

}
.mail_link{
color: #13457A;
margin: 0px;
padding: 0px;
text-decoration: underline;
font-size: 12px;
font-style: italic;
}
.mail_link:hover{
color: #13457A;
margin: 0px;
padding: 0px;
text-decoration: underline;
font-size: 12px;
font-style: normal;
font-weight: bold;
}
.form_text{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.form_title{
width: 100%;
margin: 0px;
padding: 0px;
font-size: 16px;
color: #13457A;
}
.freezone_content{
text-align: left;
font-size: 10px;
width: 100%;
}
.anchor2{
color: #13457A;
font-size: 10px;
}

.content {
padding-top:0px; margin-top:0px; }
#container {
padding-top:0px; padding-bottom:20px;margin-top:0px; background-color:#ffffff;
width: 750px;
}

/* OLD MAINPAGE PART */

a {text-decoration: none; color: #13457A; font-weight: normal}
a:link {text-decoration: none; color: #13457A}
a:active {text-decoration: none; color: #13457A}
a:visited {text-decoration: none; color: #13457A}
a:hover {text-decoration: underline}


.BUTTON { font-family: arial, helvetica, sans-serif ; border-width: 1pt ; font-size: 12px ; color: #FFFFFF ; background-color: #D0032C ; }


html, body{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background-color:#EFFF99;
}

.title{
FONT-SIZE: 26px; text-transform:uppercase; font-weight:bold; COLOR: #576D1C;
}

.title a:link {
COLOR: #576D1C;
text-decoration: none;
}
.title a:visited {
COLOR: #576D1C;
}
.title a:hover {
COLOR: #576D1C;
text-decoration: none;
}
.title a:active {
COLOR: #576D1C;
}


.description{
FONT-SIZE: 11px; COLOR: #91B72A; text-transform:uppercase; font-weight:bold;
}

.left {
padding:8px ; FONT-SIZE: 12px;
}

td {
vertical-align:top
}

img{
border: 0;
}

.post_header{
}

.post_header h2{
color: #576D1C;
text-transform:uppercase;
margin: 0;
font-size: 14px;
text-align: left;
background:none
}

.post_header h3{
margin: 0;
font-size: 11px;
text-align: left;
background:none;
color: #91B72A;
}

.post_header a{
color: #966E31;
text-decoration: none;
margin: 0;
padding: 0;
}
.post_header a:hover{
color: #966E31;
text-decoration: underline;
margin: 0;
padding: 0;
}

.post_footer{
}

.post_content{
clear: both;
padding:0px;
margin-top: 5px;
font-size: 12px;
}

.post_content_font{
font-size: 12px;
}

.post_content ul{
margin-left: 10px;
}

.post_content li{
margin-left: 10px;
}

.post_content img{
solid; FLOAT: left; margin-right: 10px; margin-BOTTOM: 2px;
}

.boxheader{
text-align:left; FONT-SIZE: 12px; font-weight:bold; text-transform:uppercase; padding-top:6px; padding-bottom:5px;color:#34430C
}

.boxback{
}

#boxcontent{
margin-left:0px ; padding-left:0px; text-align:left; FONT-SIZE: 12px; color:#033971
}

UL
{
padding: 0px;
margin-left: 0px;
list-style-type: none;
}

li{
list-style-image: url(http://blogsimages.skynet.be/images_fixed/static_536/LfSmart.gif);
margin: 0px;
margin-left: 0px;
padding: 0px;
text-align: left;
vertical-align: middle;
list-style-type: none;

}

#boxcontent a{
}

#boxcontent TD{
padding-bottom:4px
}
.boxfooter{
BACKGROUND: url(http://blogsimages.skynet.be/images_fixed/static_536/sepRight.gif) repeat-x top;
margin-top:10px; margin-bottom:0px; height:4px;
}
.top_freezone{
text-align:left; FONT-SIZE: 12px; font-weight:bold; text-transform:uppercase; padding-top:6px; padding-bottom:2px; color:#576D1C
}

.freezone_contentleft{
FONT-SIZE: 12px; padding-top: 6px; padding-bottom: 6px;
}

.header_left
{
padding-right: 0px;
padding-left: 0px;
float: left;
padding-bottom: 15px;
padding-top: 35px;
height: auto;
min-height: 55px;
}
a:link {
color: #13457A;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #13457A;
}
a:hover {
text-decoration: underline;
color: #13457A;
}
a:active {
text-decoration: none;
color: #13457A;
}

BODY, UL, OL, LI, DD, DL, BLOCKQUOTE, TD, TH
{
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #002DE8;


}

p {
FONT-SIZE: 13px;
}
#centreur {

background-repeat: repeat-x;
height: auto;
min-height: 600px;
}
.header{
padding-top:10px;
padding-bottom:8px;
height: 50px;
min-height: 50px;
}



{POST_SHARE_BUTTON} (entre <!-- BEGIN post --> et <!-- END post -->)


MERCI DE VOTRE AIDE !!!!