i m testing it on localhost..
here is the screenshot of the division structure in different explorer
IE8
[IMG]http://i28.tinypic.com/1zx9ikk.png[/IMG]
IE7
[IMG]http://i25.tinypic.com/207q902.png[/IMG]
Well, how it looks in different browsers is mighty interesting, however for solving css problems not sufficient.
Show us your index.php (or at least the div structure) and the accompanying css.
Peter
This is my Index.php
———————————————————————–
<?php get_header(); ?>
<div id=”content”>
<div id=”Topsidebar”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘TopSidebar’) ) : ?><?php endif; ?>
</div>
<div id=”content-left”>
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
<div id=”post-<?php the_ID(); ?>” <?php post_class() ?>=””>
<h2>
” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”>
<?php the_title(); ?></h2>
<div class=”entry-index”>
<?php the_content(‘[Read more]’); ?>
</div>
</div>
<?php endwhile; ?><?php else : ?>
<h2 class=”center”>Not Found</h2>
<p class=”center”>Sorry, but you are looking for something that isn’t here.</p>
<?php get_search_form(); ?><?php endif; ?>
</div>
<div id=”content-right”>
<div id=”rightsidebar”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘rightsidebar’) ) : ?><?php endif; ?>
</div>
</div>
<div id=”content-bottom”>
<div id=”bottomfirst”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘bottomfirst’) ) : ?><?php endif; ?>
</div>
<div id=”bottomsecond”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘bottomsecond’) ) : ?><?php endif; ?>
</div>
<div id=”bottomthird”>
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(‘bottomthird’) ) : ?><?php endif; ?>
</div>
</div>
</div>
<?php get_footer(); ?>
——————————————————————-
<div id="content">
<div id="Topsidebar"></div>
<div id="content-left">
<div id="post-<?php the_ID(); ?>" <?php post_class() ?>="">
<div class="entry-index"></div>
</div>
</div>
<div id="content-right">
<div id="rightsidebar"></div>
</div>
<div id="content-bottom">
<div id="bottomfirst"></div>
<div id="bottomsecond"></div>
<div id="bottomthird"></div>
</div>
</div>
Oke, now show us the relevant pieces of your style.css (or if you want to show the file entirely, use pastebin and post the link)
Peter
———————————————————————–
#content {
background: transparent url(‘images/bg_middle.jpg’) repeat-y;
float: left;
width: 100%;
}
#Topsidebar li{
list-style-type: none;
}
#content-left {
margin: 0px 10px 0px 20px;
width: 65%;
float: left;
}
.entry-index p {
padding: 0px;
margin:0px 0px 10px 0px;
}
#content-right {
margin: 0px 20px 0px 10px;
width: 28%;
float: right;
}
#rightsidebar li {
list-style-type: none;
}
#content-bottom {
background: transparent url(‘images/bg_middle.jpg’) repeat-y;
float: left;
width: 100%;
list-style-type: none;
clear: both;
}
#bottomfirst {
width: 30%;
float: left;
margin: 0px 10px 0px 20px;
}
#bottomfirst li {
list-style-type: none;
}
#bottomsecond {
width: 30%;
float: left;
margin: 0px 10px 0px 10px;
}
#bottomsecond li {
list-style-type: none;
}
#bottomthird {
width: 31%;
float: left;
margin: 0px 20px 0px 10px;
}
#bottomthird li {
list-style-type: none;
}
———————————————————————–
this is the relevent CSS that i use
Hmmm, I didn’t understand your question before, so I reread the entire post.
Could it be that you’re missing a </div> somewhere?
Peter
