Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
CSS help needed, IE6 glitch
Old 12-26-2007, 01:40 PM CSS help needed, IE6 glitch
Junior Talker

Posts: 3
Trades: 0
I have iphoneinvasion.com site based on WP platform up and running, only problem I have sidebar in IE6 showing on a bottom...Please help
here is CSS code:

style.css




/* Links */

a:link { text-decoration: none; color: #549AD8; }

a:visited { text-decoration: none; color: #549AD8; }

a:hover, a:active { color: #49AF61; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; }

/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}

pre, blockquote
{
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
}

pre:hover, blockquote:hover
{
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
}

pre { padding-top: 10px; padding-bottom: 10px; }

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

ul, ol { line-height: 2.0em; }

ul { list-style-image: url(images/bullet.gif); }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #999999; }

ins { text-decoration: none; color: #009977; }

/* Structure */

body
{
margin: 0;
padding: 0;
color: #222222;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-color: #6E9CC7;
font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}

#wrapper2 {
width: 768px;
margin-left: auto;
margin-right: auto;
}
#header
{
float: left;
width: 768px;
padding-bottom: 8px;
background: #FFFFFF;
clear: right;
background-image: url(images/header-bg.gif);
background-repeat: no-repeat;
padding-left: 0px;
height: 89px;
margin-top: 13px;
}

#navigation
{
clear: both;
float: left;
width: 100%;
background-image: url(images/header.gif);
height: 220px;
}

#wrapper
{
clear: both;
float: left;
width: 100%;
color: #555555;
background: #FFFFFF;
}

#content-wrapper
{
width: 65%;
float: left;
}

#content
{
float: left;
padding: 0 0px 10px 30px;
}

#sidebar-wrapper
{
width: 35%;
float: right;
vertical-align: top;
}

#sidebar
{
float: right;
padding: 0px 15px 10px 10px;
width: 210px;
margin-right: 15px;
margin-top: 0px;
vertical-align: top;

}

#footer
{
clear: both;
float: left;
width: 748px;
text-align: left;
padding-left: 20px;
background: #FFFFFF;
color: #549AD8;
font-size: 11px;
}

#footer a {
color: #549AD8;
font-size: 11px;
}

#footer a: visited {
color: #549AD8;
}
#footer a:hover {
color: #993019;
border-bottom: 1px dashed #E18A77;
}
#extras
{
float: left;
width: 780px;
color: #444444;
text-align: left;
padding: 0 10px 10px;
margin: 10px 12px 20px;
background-color: #f5f5f5;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

/* Header */

#header h1 { padding-left: 30px; }

/* Navigation */

#navigation ul { list-style-type: none; list-style-image: none; float: right; margin-top: -42px; padding: 0 0px 0 0; }

#navigation li { float: left; }

#navigation li a:link,
#navigation li a:visited
{
float: left;
color: #565656;
display: block;
padding: 5px 10px;
margin-right: 1px;
border: 1px dashed transparent;
height: 24px;
font-size: 14px;
margin-top: 4px;

}

#navigation li a:hover,
#navigation li a:active
{
color: #6D9CC7;
background: #F5F5F5;
border: 1px solid #FFFFFF;
background-repeat: repeat-x;
font-size: 14px;
margin-top: 4px;
}

#navigation li.active a
{
color: #555555;
background-color: #ffffff;
}

/* Wrapper */

#wrapper a:link { font-weight: bold; }

#wrapper a:visited { font-weight: bold; }

#wrapper a:hover, #wrapper a:active { }

/* Content */

#content .post-title a { border-bottom-width: 0; }

#content .post p.img { float: left; margin: 0 15px 0 0; }

#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#content .post-footer
{
font-size: 90%;
color: #888888;
margin-bottom: 5px;
padding:5px 5px 5px 15px;
background-repeat: none;
background-color: #F7FFF0;
border: 1px solid #E2FFCC;
}

/* Sidebar */

.sideblock
{
padding: 5px 10px;
margin-bottom: 20px;
background-color: #F6FAFF;
border: 1px solid #DFEAF7;
}

.sideblock ul { }

.sideblock h3 { margin-top: 5px; font-size: 14px; color: #5CC238; font-weight: bold; }

#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }

#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

#sidebar dd a:link { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none;}

#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }

#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}

/* Extras */

#extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; }

#friends
{
float: left;
width: 150px;
margin-left: 20px;
margin-right: 10px;
}

#links
{
float: left;
width: 275px;
margin-right: 50px;
}

#about
{
float: left;
width: 250px;
margin-right: 20px;
}

#friends ul { padding-left: 20px; }

#links dl, #links dt, #links dd { margin: 0; padding: 0; }

#links dt { font-weight: bold; padding-top: 5px; }

#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }

/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

.date {
background: url(images/date.gif) no-repeat;
height: 54px;
margin-bottom: 0px;
width: 54px;
text-align: center;
float: left;
margin-top: 15px;
}
.date .month {
display: block;
color: #E1F6BC;
padding: 2px 0px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
margin-top: 2px;
font-weight: bold;
margin-bottom: 3px;
}
.date .day {
display: block;
color: #FFFFFF;
font: 2.3em Georgia;
padding-top: 0px;
text-align: center;
margin-top: -8px;
}

#left {
width: 60px;
float: left;
}

.slogan {
font-size: 13px;
color: #6F6F6F;
text-transform: lowercase;
margin-left: 30px;
margin-bottom: 2px;

}


here is another css in theme

#navigation { float: left; }

#navigation ul { float: right; }

#navigation li.active a:link,
#navigation li.active a:visited
{
color: #555555;
background-color: #ffffff;
}

#content-wrapper { width: 58%; }

#content pre { width: 360px; overflow: hidden; }

#wrapper h3.post-title a:link,
#wrapper h3.post-title a:visited
{
border-bottom-width: 0;
}

#extras { padding-right: 0; margin-right: 0; margin-left: 8px; padding-left: 0; }

#extras #friends ul { padding-left: 0; margin-left: 20px; }

#extras #links { width: 250px; }

here is index.php


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

<div id="content-wrapper">

<div id="content">



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

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


<div class="post-wrapper">
<div class="date">
<span class="month"><?php the_time('M') ?></span>
<span class="day"><?php the_time('j') ?></span>
</div>


<div style="float: right; width: 410px; clear: right; margin-top: 15px; margin-bottom: 15px; padding-top: 10px; margin-left: 5px;"><span class="titles"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
<?php the_title(); ?>
</a></span></div>

<div class="post">

<?php the_content('Read the rest of this entry &raquo;'); ?>

</div>

<div class="post-footer">Posted in <?php the_category(', ') ?> <strong>|</strong> <?php edit_post_link('Edit','','<strong>|</strong>'); ?> <?php comments_popup_link('No Comments &raquo;', '1 Comment &raquo;', '% Comments &raquo;'); ?></div>

</div>

<?php comments_template(); ?>

<?php endwhile; ?>

<p class="pagination"><?php next_posts_link('&laquo; Previous Entries') ?> <?php previous_posts_link('Next Entries &raquo;') ?></p>

<?php else : ?>

<h2 align="center">Not Found</h2>

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

<?php endif; ?>



</div>

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

</body>
</html>
violatordead is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 12-26-2007, 04:35 PM Re: CSS help needed, IE6 glitch
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Sounds like float drop to me. IE's busted box model can cause this. Make sure the widths of your 'boxes', including margins and padding are not wider than the container they sit inside.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to CSS help needed, IE6 glitch
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.14402 seconds with 12 queries