Need help with my site, The content needs to be moved up

mbejda Peon

Messages:: 8

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#1

The site is bejda.com, well if you notice it the main page there is this big thing of nothingess in the top. How can i move all the content upwards but just on the main page? and also does anyone know how i can make the center scrollable?

this my main index php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php include (TEMPLATEPATH . '/variables.php'); ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head profile="http://gmpg.org/xfn/11">
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11669712-4");
pageTracker._trackPageview();
} catch(err) {}</script>
<title><?php bloginfo('name'); ?><?php wp_title('|'); ?></title>

<meta http-equiv="content-type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen, print" />

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

<?php wp_head(); ?>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11669712-4");
pageTracker._trackPageview();
} catch(err) {}</script>
</head>

<body>

<table id="blog" summary="">


<tr>
<td colspan="3">
<div id="header">
<h1><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div id="tagline"><?php bloginfo('description'); ?></div>
<?php show_title(); ?>
</div>
</td>
</tr>


<tr>


<td id="left_sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Left sidebar') ) : ?>

<?php endif; ?>
</td>


<td id="main">


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

<div class="post">

<h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
<div class="date"><?php the_time($date) ?></div>
<div class="content">
<?php the_content('Read more...'); ?>
</div>

<div class="info">

<?php show_meta(); ?>
<?php wp_link_pages(); ?>

<?php if ( !in_category('1') ) { ?>
<div class="meta">Categories : <?php the_category('  ','multiple'); ?></div>
<?php } ?>

<?php show_tags(); ?>

<?php if ( is_single() && ($post->ping_status=='open') ) { ?>
<div class="meta"><a href="<?php trackback_url(); ?>">trackback</a></div>

<?php if ( get_comments_number() && comments_open() ) { ?>
<div class="meta"><?php comments_rss_link('comments rss'); ?></div>
<?php }
} ?>

<?php if ( !is_single() && !is_search() ) { ?>
<div class="meta"><a href="<?php comments_link(); ?>"><?php comments_number('','1 comment','% comments'); ?></a></div>
<?php } ?>

</div>

<?php edit_post_link('edit', '<div class="edit">', '</div>'); ?>

</div>

<?php
comments_template();
endwhile;
else:
show_searchwarning();
endif;
?>



</td>


<td id="right_sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Right sidebar') ) : ?>

<div class="box">
<h4>Pages</h4>
<ul class="pages">
<?php wp_list_pages('title_li='); ?></ul>
</div>

<div class="box">
<h4>Meta</h4>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="<?php bloginfo('rss2_url'); ?>">Entries RSS</a></li>
<li><a href="<?php bloginfo('comments_rss2_url'); ?>">Comments RSS</a></li>
<?php wp_meta(); ?>
</ul>
</div>

<?php endif; ?>

</td>


</tr>


<tr>
<td id="footer" colspan="3">


<div id="navlink">
<?php posts_nav_link($separator, $back, $next); ?>
</div>


<?php show_searchbar(); ?>

<?php wp_footer(); ?>

</td>
</tr>


</table>



</body>

</html>

mbejda, Dec 17, 2009 IP

mbejda Peon

Messages:: 8

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#2

body {
padding : 0px;
}

table#blog {
width : 100%;
}

td#main {
width : 70%;
padding : 0px 20px;
vertical-align : top;
}

div#header {
height : 175px;
margin-bottom : 0px;
}

div#tagline {
margin : 15px 0px 40px 0px;
}

div#navlink {
padding-bottom : 20px;
}

div#header, div#navlink, td#footer {
text-align : center;
}

div.post {
padding-bottom : 125px;
}

div.date {
text-align: right;
padding-top : 15px;
}

div.content {
text-align : justify;
line-height : 1.75em;
padding : 10px 0px;
}

div.info {
clear : both;
margin-bottom : 10px;
}

.meta {
padding : 4px 0px;
}

.meta span {
padding-right : 20px;
}

div.edit {
width : 36px;
}

.edit, input#submit {
padding : 5px;
text-align : center;
}

form#search input {
width : 250px;
margin-bottom : 20px;
}

fieldset {
padding : 15px;
}

a:link, a:visited {
text-decoration : none;
}

div.content a:link, div.content a:visited, div.box a:hover, div.info a:hover {
text-decoration : underline;
}

a.more-link {
float : right;
}

a img, a img.simple {
border : none;
}

img.frame {
padding : 4px;
}

/* SIDEBARS */

td#left_sidebar, td#right_sidebar {
width : 15%;
vertical-align : top;
}

td#left_sidebar {
text-align : right;
}

div.box {
margin-bottom : 25px;
}

div.box h4 {
margin : 0px 0px 5px 0px;
}

div.box ul {
margin : 0px;
padding : 0px;
list-style : none;
line-height : 1.75em;
}

div.box ul ul {
padding : 0px 10px;
list-style : none;
}

div.box ul + h4 {
margin-top : 25px;
}

div.box ul.pages ul {
padding : 0px 0px 5px 10px;
list-style : none;
}

div.box form {
margin : 0px;
}

div.box input#s {
width : 140px;
}

div.box select {
width : 150px;
}

select {
padding : 4px;
}

/* INPUT FIELDS */

input#s, input#author, input#email, input#url, input#comment, input#submit, p input, textarea {
padding : 4px;
margin-bottom : 10px;
background : transparent;
color : rgb(200, 200, 200);
border : 1px solid;
border-color : rgb(120, 120, 120);
}

input[type="text"], input[type="password"], input[type="reset"], input[type="submit"] {
padding : 4px;
background : rgb(20, 20, 20);
color : rgb(200, 200, 200);
border : 1px solid;
border-color : rgb(120, 120, 120);
}

input[type="text"], input[type="password"] {
margin-bottom : 10px;
}

input[type="file"] {
padding : 4px;
background : rgb(250, 250, 250);
color : rgb(20, 20, 20);
border : none;
}

/* COMMENT SECTION */

form#commentform {
margin-top : 25px;
}

ol.commentlist {
margin : 0px;
padding : 40px 0px 0px 20px;
}

ol.commentlist li.comment {
margin-bottom : 70px;
line-height : 1.75em;
}

div.author {
margin : 20px 0px 10px 0px;
}

div.author img {
padding-right : 10px;
}

/* WIDGETS */

div.textwidget {
line-height : 1.5em;
}

a.rsswidget img, #akismetstats {
background : transparent !important;
}

#left_sidebar a.rsswidget img {
float : left;
}

#right_sidebar a.rsswidget img {
float : right;
}

table#wp-calendar {
width : 140px;
line-height : 1.5em;
}

#wp-calendar caption {
padding-bottom : 4px;
}

/* GENERICS */

.left {
text-align : left;
}

.center {
text-align : center;
}

.right {
text-align : right;
}

.alignleft {
float : left;
margin : 10px 15px 10px 0px;
}

.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}

.alignright {
float : right;
margin : 10px 0px 10px 15px;
}

/* FONTS */

body, table#blog, input, textarea, pre, div#tagline {
font : 1em "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

table#blog {
font-size : 70%;
}

table#blog table {
font-size : 100%;
}

h1, h2, h3, h4, h5, h6 {
font-family : "Century Gothic", sans-serif;
font-weight : normal;
}

div#header h1 {
margin : 0px;
font-size : 2.8em;
}

h1 {
font-size : 2.2em;
}

div#header h2 {
margin : 0px;
font-size : 2.1em;
}

h2 {
font-size : 1.8em;
}

h3 {
margin : 0px;
font-size : 1.6em;
}

h4 {
font-size : 1.2em;
}

h5 {
font-size : 1.1em;
}

h6 {
font-size : 1em;
}

.date, .info, div.meta, div.author, p.wp-caption-text, .edit, div.box, div.box a:link, div.box a:visited,
div.box h4, li.recentcomments, div#form label, p label, select, table#wp-calendar,
div#navlink a:link, div#navlink a:visited, #footer, #footer a:link, #footer a:visited, legend, input#submit, div.content input {
font : 1em Arial, sans-serif;
}

code {
font : 1em 'Courier New', monospace;
white-space : pre;
}

dt {
font-weight : bold;
}

small {
font-size : 0.9em;
}

/* COLOURS */

body, select {
background : rgb(20, 20, 20);
color : rgb(200, 200, 200);
}

a:link, div.author {
background : transparent;
color : rgb(250, 250, 250);
}

li.recentcomments {
background : transparent;
color : rgb(200, 200, 200);
}

a:visited, h1 a:link, h1 a:visited, h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited {
background : transparent;
color : rgb(200, 200, 200);
}

div#tagline, .date, div.meta, span#colophon, #colophon a:link, #colophon a:visited, label, legend {
background : transparent;
color : rgb(140, 140, 140);
}

div.box h4, h4 a:link, h4 a:visited, .info a:link, .info a:visited, a.more-link, #navlink a:link, #navlink a:visited, #wp-calendar caption, #wp-calendar a:link, #wp-calendar a:visited {
background : transparent;
color : rgb(148, 150, 226);
}

img.frame, .edit, select, fieldset, hr {
border : 1px solid;
border-color : rgb(120, 120, 120);
}

/* PRINT STYLESHEET */

@media print {

body {
padding : 2%;
}

body, a:link, a:visited {
background : rgb(255, 255, 255);
color : rgb(0, 0, 0);
}

td#left_sidebar, td#right_sidebar, div.info, .edit, div.navlink, div#form, form, input, img[class~=avatar] {
display : none;
}

div.post {
page-break-after : always;
}

img, blockquote {
page-break-inside : avoid;
}

}

this my style css

mbejda, Dec 17, 2009 IP

drhowarddrfine Peon

Messages:: 5,428

Likes Received:: 95

Best Answers:: 7

Trophy Points:: 0

#3

What you are seeing is the first tr of your table.

drhowarddrfine, Dec 17, 2009 IP

mbejda Peon

Messages:: 8

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#4

I tweaked around and fixed it, Do you know how i can make the center scrollable? so the gallerie of thumbnails would scroll but on the sidebars

mbejda, Dec 17, 2009 IP

Log in or Sign up

Need help with my site, The content needs to be moved up

mbejda Peon

mbejda Peon

drhowarddrfine Peon

mbejda Peon

Useful Searches