Mi aiutate a mettere a posto il mio blog?

[kety]

ormai ci ho lavorato x ore e ore..perso giorni e notti...allora ho deciso di chiedere aiuto a voi..
voglio fare un blog a 3 colonne, questo tema propone le colonne laterali con blocchi che si possono scambiare di posto...ma a me non risulta possibile,visto che quando vado a vedere il mio blog,vedo che c'è una colonna di sinistra spostata,quella di centro troppo in basso e manca quella di destra...
vi metto il CSS e relativi index e header..me lo potete correggere?grazie mille...

CSS del blog

body{
	font-family: Trebuchet MS, Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #292929;
	margin: 0;
	width: 100%;
	padding: 0;
	background: #292929;
	text-align: center;
}
img{border: 0;}
.clear{clear: both;}

a {
	color: #44a1d0;
	text-decoration: none;
}
a:visited {
	color: #5EAFD7;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0px 0px 15px;
}
img {
	border: none;
}
ul {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
ol {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ul li {
	margin: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 90%;
}
#wrapper {
	width: 912px;
	margin: 0px auto;
	position: relative;
}

/* ------------------------------------- header area  */
#header{
	margin: 0 auto;
	width: 902px;
	height: 300px;
	background: #292929 url(images/header_bg_natale.gif) no-repeat left top;
	text-align: left;
}

#header h1{
	padding: 65px 0 0 25px;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
}
#header h4{
	padding: 0 0 0 25px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	margin: 0;
}
#header a:link, #header a:visited, #header a:active, #header a:hover{
	color: white;
	text-decoration: none;
}
#header a:hover{ color: black;}

/* search form */
#searchform {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(images/searchform-bg.png) no-repeat right bottom;
	height: 37px;
	width: 210px;
}
#searchform #s{
	background: #ffffff url(images/form-field-bg.gif) no-repeat ;
	height: 17px;
	width: 148px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #999999;
	border: none;
}
#searchform #searchsubmit { 
	background: url(images/search-btn.png) no-repeat left top;
	height: 24px;
	width: 24px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 6px;
}

/* ------------------------------------- main content area  */
#left-col {
	width: 180px;
	float: left;
	margin-top: 5px;
}
/* main menu */
#nav {
	background: #292929 left top;
	height: 20px;
	widht: 902px;
}
#nav ul{
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font: normal 12px/100% Trebuchet MS, Arial, Helvetica, sans-serif;
}
#nav ul li{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
}
#nav ul li a{
	padding: 5px 7px 6px 7px;
	text-decoration: none;
	color: #000000;
	display: block;
}
#nav li a:visited{
	text-decoration: none;
	color: #000000;
}
#nav li a:hover, #nav .current_page_item a{
	text-decoration: none;
	background: #2e91c6 url(images/nav-item-hover.gif) repeat-x;
	color: #ffffff;
}
/* sub menu */
#subnav {
	background: #ecebeb;
}
#subnav ul {
	margin: 0px;
	padding: 3px 0px 18px 5px;
	list-style: none;
	font: 11px/100% Arial, Helvetica, sans-serif;
}
#subnav li {
	border-right: 1px solid #D8D8D8;
	padding: 0px 7px;
	margin: 0px;
	float: left;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
	text-decoration: none;
	color: #0099ff;
}
#subnav .current_page_item a, #subnav .current_page_item a:visited {
	color: #3b9acc;
}
#subnav li a:hover {
	text-decoration: none;
	color: #3b9acc;
}

/* content */
#content {
	padding: 5px 5px 5px 5px;
	width: 450px;
	background: #292929;
	overflow: hidden;
}
.post {
	padding: 0px;
	overflow: hidden;
}
.post .date {
	height: 50px;
	width: 45px;
	background: url(images/calendar.gif) no-repeat;
	font: normal 22px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #0099ff;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: left;
}
.post .date span {
	height: 16px;
	display: block;
	font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}
.post .title {
	float: left;
	margin-left: 10px;
	width: 438px;
}
.postdata {
	font-size: 90%;
	color: #999999;
}
.postdata a, .postdata a:visited {
	color: #999999;
	text-decoration: none;
}
.postdata a:hover {
	color: #44a1d0;
	text-decoration: none;
}
.postdata .category{
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 18px;
	float: left;
}
.postdata .comments{
	background: url(images/mini-comment.gif) no-repeat;
	padding-left: 18px;
	float: right;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry {
	padding: 10px 0px 5px;
	clear: both;
}

/* post title */
h2 {
	color: #0099ff;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font: normal 150%/100% "Trebuchet MS", Arial, sans-serif;
	border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
	color: #333333;
	text-decoration: none;
}
h2 a:hover {
	color: #44a1d0;
	text-decoration: none;
}
h3 {
	color: #0099ff;
	margin: 5px 0px 5px;
	font: bold 110%/110% "Trebuchet MS", Arial, sans-serif;
}

/* next & previous page navigation */
.page-nav {
	clear: both;
	background: url(images/navigation-bg.gif) no-repeat left center;
	height: 21px;
}
.page-nav a, .page-nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
.page-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(images/navigation-right.gif) no-repeat right center;
}

/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: -15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/post-nav-next.gif) no-repeat right center;
}

/* ------------------------------------- comment area  */
h3#comments {
	background: url(images/comments.gif) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Trebuchet MS, Arial, Helvetica, sans-serif;
	clear: both;
}
h3#respond {
	background: url(images/respond.gif) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px;
	clear: both;
}
/* commentform */
#commentform {
	margin-top: 10px;
}
#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}
#commentform input {
	font: 110% Trebuchet MS, Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 5px 3px 3px 7px;
	background: url(images/form-field-bg.gif) no-repeat;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;
}
#commentform textarea {
	font: 110% Trebuchet MS, Arial, Helvetica, sans-serif;
	width: 480px;
	height: 140px;
	background:url(images/form-field-bg.gif) no-repeat;
	border: solid 1px #e6e6e6;
	padding: 5px 3px 3px 7px;
}
#commentform #submit {
	font: 12px/100% Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/submit-btn.gif) no-repeat top left;
	border: none;
	width: 135px;
	height: 25px;
	padding-bottom: 6px;
	margin-left: 355px;
}
#commentform #submit:hover {
	background: url(images/submit-btn.gif) no-repeat bottom left;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #3b9acc;
}

/* comment list */
.commentlist {
	margin: 10px 0px;
	padding-left: 45px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #F4F4F4;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #669900;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #669900;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
	color: #999999;
}

/* ------------------------------------- footer area  */
#footer{
	font-family: Trebuchet MS, Arial, Helvetica, Georgia, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #0099ff;
	margin: 0 auto;
	width: 902px;
	font-size: 18px;
	background: #808080;
	height: 200px;
}

#footer p{
	padding: 20px 0 0 200px ;
	margin: 0;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
	font-weight: bold;
	color: #FEFAFC;
	text-decoration: underline;
}
#footer a:hover{text-decoration: none;}

#footer a.sec:link, #footer a.sec:visited, #footer a.sec:active, #footer a.sec:hover{
	color: #1E1E1E;
	font-weight: bold;
	text-decoration: underline;
}
#footer a.sec:hover{text-decoration: none;}

h2 {
	font-weight: normal;
	font-size: 18px;
}

h3 {
	font-weight: normal;
	font-size: 16px;
}
/* ------------------------------------- sidebar area  */
/* sidebar */
#sidebar {
	float:left;
	width: 180px;
	color: #292929;
	line-height: 160%;
}
#sidebar p {
	margin: 0px 0px 15px;
}
#sidebar h3 {
	font: bold 12px/100% Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #0099ff;
}
#sidebar h3 a, #sidebar h3 a:visited {
	color: #666666;
}
#sidebar h3 img {
	vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
	color: #000000;
	text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	text-decoration:underline;
}
#sidebar ul {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}
#sidebar ul li {
	background: url(images/bullet-orange.gif) no-repeat;
	padding-left: 18px ;
}
#sidebar ul li ul li {
	background: url(images/bullet-grey.gif) no-repeat;
	padding-left: 12px ;
}

/* ------------------------------------- widget styles  */
/* archives widget */
#archives ul li {
	background: url(images/mini-archive.gif) no-repeat;
}
/* recent comments widget */
#recent-comments ul li {
	background: url(images/mini-comment.gif) no-repeat;
}
/* category widget */
#categories ul li {
	background: url(images/mini-category.gif) no-repeat;
}
/* recent posts widget */
#recent-posts ul li {
	background: url(images/mini-page.gif) no-repeat;
}
/* links widget */
#links ul li {
	background: url(images/mini-blogroll.gif) no-repeat;
}
/* meta */
#meta .rss {
	background: url(images/mini-rss.gif) no-repeat;
}
#meta .login {
	background: url(images/mini-user.gif) no-repeat;
}
#meta .check {
	background: url(images/mini-check.gif) no-repeat;
}
#meta .wordpress {
	background: url(images/mini-wp.gif) no-repeat;
}
/* calendar */
#calendar table {
	margin: 0px auto;
}
#calendar td {
	padding: 0px 4px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.right {
	float: right;
}
img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.hidden {
	clear: both;
	visibility: hidden;
}

[kety]

Index

<?php get_header(); ?>
<?php get_sidebar(); ?>
      
      <div id="content">

	<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>

        <div class="post" id="post-<?php the_ID(); ?>">
		  <div class="date"><span><?php the_time('M') ?></span> <?php the_time('d') ?></div>
		  
          <div class="entry">
            <?php the_content('Continue reading &raquo;'); ?>
          </div><div class="title">
          <h2>"><?php the_title(); ?></h2>
          <div class="postdata"><span class="category"><?php the_category(', ') ?></span> <span class="comments"><?php comments_popup_link('No Commenti &#187;', '1 Commento &#187;', '% Commenti &#187;'); ?></span></div>
		  </div>
        </div>

		<?php endwhile; ?>
		
        <div class="page-nav"> <span class="previous-entries"><?php next_posts_link('Previous Entries') ?></span> <span class="next-entries"><?php previous_posts_link('Next Entries') ?></span></div>

	<?php else : ?>

		<h2>Not Found</h2>
		

Sorry, but you are looking for something that isn't here.</p>

	<?php endif; ?>

      </div>



<?php get_sidebar(); ?>
<?php get_footer(); ?>

Heder

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php if(is_home()) { echo bloginfo('name'); } else { wp_title(''); } ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" type="text/css" media="print" />


<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/dbx.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/dbx-key.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/dbx.css" media="screen, projection" />

<!--[if lt IE 7]>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ie-gif.css" type="text/css" />
<![endif]-->

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_head(); ?>
</head>
<body>
<div id="page">
  <div id="wrapper">
    <div id="header">
      <h1><?php bloginfo('name'); ?></h1>
      <div class="description"><?php bloginfo('description'); ?></div>
    </div>

   
      <div id="nav">
        <ul>
          <li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>">Home
		  <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>[/list]
      </div>

    <?php /* Menu for subpages of current page (thanks to K2 theme for this code) */
    global $notfound;
    if (is_page() and ($notfound != '1')) {
        $current_page = $post->ID;
        while($current_page) {
            $page_query = $wpdb->get_row("SELECT ID, post_title, post_status, post_parent FROM $wpdb->posts WHERE ID = '$current_page'");
            $current_page = $page_query->post_parent;
        }
        $parent_id = $page_query->ID;
        $parent_title = $page_query->post_title;

        // if ($wpdb->get_results("SELECT * FROM $wpdb->posts WHERE post_parent = '$parent_id' AND post_status != 'attachment'")) {
        if ($wpdb->get_results("SELECT * FROM $wpdb->posts WHERE post_parent = '$parent_id' AND post_type != 'attachment'")) {
    ?>

    <div id="subnav">
      <ul>
        <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=&child_of='. $parent_id); ?>[/list]
    </div>
    <?php } } ?> 
    <div id="left-col"></div>

CSS delle colonne laterali con blocchi che si possono spostare

/****************************************************************
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}
/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	}
/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/
/* group container(s) */
.dbx-group {
	width:190px;
	padding:0 0px 10px;
}
* html .dbx-group {
	width: 190px;
	padding-bottom:0;
}

/* handles */
.dbx-handle {
	position:relative;
	margin:0;
	padding: 16px 24px 7px 10px;
	background: #292929 repeat-y 0 0;
	margin: 1px  dashed #0099ff; 
}
* html .dbx-handle { 
	width: 180px; 
}
/* handle cursors are in a class of their own
   so they only get applied if the script is supported */
.dbx-handle-cursor {
	cursor:move;
}

/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	background:url(images/sidep-toggle.png) no-repeat;
	position:absolute;
	top:12px;
	right:3px;
	text-indent:-50px;
	text-decoration:none;
}
a.dbx-toggle-open, a.dbx-toggle-open:visited {
	background-position:0 0;
}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
	background-position:0 -20px;
}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
	background-position:-20px 0;
}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
	background-position: -20px;
}

/* keyboard navigation tooltip */
.dbx-tooltip {
	display:block;
	position:absolute;
	margin:36px 0 0 125px;
	width:180px;
	border:1px solid #0099ff;
	background:#292929;
	color:#000;
	font:normal normal normal 0.85em Trebuchet MS, arial, sans-serif;
	padding:2px 4px 3px 5px;
	text-align:left;
}
* html .dbx-tooltip { width:190px; }

/* use CSS2 system colors in CSS2 browsers 
   but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
	border-color:InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	}
/* inner content area */	
.dbx-content {
	margin: 0;
	padding: 5px 10px 9px 10px;
	background: #292929 repeat-y 0 100%;
	overflow: hidden;
}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
	display:block;
	height:4px;
	padding:0;
	overflow:hidden;
}
.dbx-box-closed .dbx-content * {
	display:none;
}

/* additional clone styles */
.dbx-clone {
	opacity:0.8;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	filter:alpha(opacity=80);
}

grazie mille..spero di aver messo tutto il possibile..spero di avere notizie presto....

[fcaldera]

potresti partire scegliendo un template tra quelli di layout gala
blog.html.it/layoutgala/

[Mich_]

Hai messo troppe cose: difficilmente qualcuno riuscira` a leggere tutto.
Inoltre una parte e` in PHP, quindi dipende dal dati presenti solo nel server (inutilizzabile off-line).

Ma la cosa piu` grave e` che il titolo non dice nulla del problema, quindi ai sensi del regolamento devo chiudere.

Puoi ripostare, ma ti conisglio di inserire il link (se possibile), oppure inserire il codice di una pagina statica