Probleme mit IE 6

Ragnaroek

Hallöchen allerseits...

Ich habe meinen Blog jetzt vom Design her fast fertig...nur gibt es noch ein gravierendes Problem: Den IE 6...Denn da sieht die Page schlimm aus...irgendwie ist alles verrutscht...

Ich habe das ganze mal eingeramt um zu schauen ob sich etwas überlappt, aber ich sehe nichts...

Hier die http://wp1070331.wp093.webpack.hosteurope.de/mein-gefaengnis/index.php

leider weiß ich nicht ganz genau welche Dateien ihr braucht, daher stelle ich die rein von denen ich meine dass sie wichtig sein könnten...

CSS

Code

html
{
 height: 100%;
}
body {
margin: 0 0;
padding: 0 0;
text-align: center;
font: 73% "Trebuchet MS", Arial, Verdana, sans-serif;
line-height: 130%;
background: #ffffff;
min-height: 101%;
}
#wrap-all {
margin: 0 auto;
padding: 0 0;
width: 894px;
text-align: left;
color: #003366;
background-color: #ffffff;
}
#header {
margin: 0 0;
padding: 0 0;
}
#header-menu {
margin: 0 0;
padding: 0 50px;
height: 60px;
background: url(images/header-menu-bg.jpg) no-repeat left top;
}
#header-title {
margin: 0 0;
padding: 0 50px;
height: 35px;
}
.header-title {
float: right;
}
.blog-desc {
float: left;
width: 30%;
font-size: 1.1em;
}
#header-title h1 {
text-align: right;
padding: 3px 0;
font: 2.2em Arial, Verdana, sans-serif;
}
#header-title h1 a {
display: block;
color: #006699;
background-color: transparent;
}
#header-img {
clear: both;
margin: 0 0;
padding: 0 0;
height: 283px;
background: url(images/header2.jpg) no-repeat left top;
}
#wrap-mid {
margin: 0 0;
padding: 0 50px;
background: url(images/repeater.jpg) repeat-y;
/* background: url(images/content-bg.jpg) no-repeat left top; */
}
#content,
#comments-block {
margin: 0 0;
padding: 0 0;
float: left;
width: 565px;
}
#side {
margin: 0 0 0 685px;
padding: 10px 0;
color: #996666;
background-color: transparent;
}
#comments-block2 {
margin: 0 0 0 585px;
padding: 0 0;
color: #996666;
background-color: transparent;
}
.smallside1 {
margin: 10px 5px 0 0;
padding: 0 1px;
float: left;
width: 200px;
border: #FF3300 2px solid;
}
.smallside2 {
margin: 0 0;
padding: 0 1px;
float: right;
width: 130px;
}
#side h2 {
color: #ff6600;
font: normal 1.5em "Trebuchet MS", Arial, sans-serif;
padding-top: 10px;
list-style: none;
}
#side h2 a
{
 color: #ff6600;
}
#side ul {
margin: -4px 0 0 10px;
padding: 0 0;
list-style: none;
font-size: 14px;
font-weight: bold;
}
#side ul li
{
margin: 4px 0 0px 0;
padding: 0 0;
}
#side ul p {
margin: 0 0 15px 0;
padding: 0 0;
}
#side ul li li {
margin: 0 0;
padding: 0 0;
}
#side ul li li li {
margin: 0 0;
padding: 0 0 0 10px;
}
#footer {
margin: 0;
padding: 0;
clear: both;
height: 60px;
background: url(images/footer.jpg) no-repeat;
}
#footer p {
margin: 0 0;
padding: 0 0;
font: 1.1em "Trebuchet MS", Arial, sans-serif;
text-align: center;
}
.clear {
clear: both;
}


/* WP elements */
.post {
margin: 0 0;
padding: 20px 20px;
border: #00FF99 2px solid;
}
.post h2 {
font: bold 1.4em "Trebuchet MS", Arial, sans-serif;
color: #ff6600;
}
.post h2 a, .post h2 a:link, .post h2 a:visited {
color: #ff6600;
}
.post h2 a:hover {
color: #996666;
}
.post p {
text-align: justify;
}
.post p.align-left {
text-align: left;
}
.post p.align-center {
display: block;
margin: auto auto;
}
.post p.align-right {
text-align: right;
}
img.align-left {
float: left;
margin: 0 5px 2px 0;
}
img.align-right {
float: right;
margin: 0 0 2px 5px;
}
div.align-left {
margin: 0 5px 2px 0;
}
div.align-right {
float: right;
}
.postmetadata {
margin: 0 0;
padding: 10px 0 20px 0;
color: #ff6600;
background: url(images/post-break.jpg) no-repeat left bottom;
}
.postmetadata p a {
color: #ff6600;
}
.postmetadata p {
text-align: right;
}
.alt {
margin: 20px 0 5px 20px;
padding-bottom: 5px;
color: #ff6600;
font-size: 1.4em;
border-bottom: #ff6600 1px solid;
}
.alt_footer {
margin: 20px 0 5px 20px;
padding-bottom: 10px;
color: #ff6600;
border-bottom: #ff6600 1px solid;
text-align: right;
line-height: 140%;
}
.commentlist li,
.commentlist li.alt {
margin: 0 0;
padding: 0 20px 10px 20px;
background: url(images/post-break.jpg) no-repeat 20px bottom;
border: 0;
}
p textarea {
height: 100px;
}
input#s {
width: 80px;
border: 1px solid #996666;
}
#searchform {
margin: 0 0;
padding: 0 0;
}
input#searchsubmit {
width: 30px;
color: #ffffff;
background-color: #336699;
border: 1px solid #336699;
}
#calendar td {
border: 0;
}
/* General style settings */
h1, h2, h3 {
margin: 0 0;
padding: 0 0;
}
blockquote {
border-left: 2px solid #996666;
padding-left: 5px;
}
ul {
list-style-type: square;
}
code {
font: 1.0em "Courier New", Courier, sans-serif;
}
img {
border: 0;
}
a, a:link, a:visited {
color: #996666;
text-decoration: none;
}
div, p {
height: 100%;
}
/* ----------------------------- Comment Form ------------------------------- */
#postcomment_h2
{
 margin-left: 20px;
}


#postcomment {
 background: #FFFFFF url(images/comments.gif) no-repeat left top; 
 margin: 40px 0px 0px 0px;
 padding: 0 0 20px 0px;
 width: 510px;
}


#commentform {
 background: #f5f6f7; 
 padding: 1px 20px;
 margin-top: 0px;
 margin-bottom: 0px;
 width: 470px;
}


#commentboxes {
 width: 200px;
 float: left;
 color: #7b7b7b;
 font-size: 0.9em;
}


p.instructions {
 margin: 14px 0 0 200px;
 color: #7b7b7b;
 font-size: 0.9em;
 text-align: justify;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #d5d7db;
 padding-left: 15px;
 position: relative;
}


#inputbox {
 clear: both;
 color: #7b7b7b;
 font-size: 0.9em;
}


#button{
 padding-top: 0.5em;
}


#commentsbottom {
 background: #FFFFFF url(images/commentsdown.gif) no-repeat left top; 
 margin: 0;
 padding: 0;
 height: 22px;
 width: 510px;
}
/* ------------------------------ Comments Form ----------------------------- */
#comment  {
 width: 465px;
 
}


#comment, #author, #url, #email, #press{
 background: #e7e9ed;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
}


#comment, #author, #url, #email{
 border: 1px solid #d5d7db;
}


#comment:hover, #author:hover, #url:hover, #email:hover{
 border: 1px solid #7b7b7b;
}


#comment:focus, #author:focus, #url:focus, #email:focus{
 background: #FFFFFF;
 border: 1px solid #000000;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
}


#commentboxes p {
 margin: 0;
 padding-bottom: 0.9em;
}


h2#comments{
 margin-bottom:40px;
}


p.feeds {
 float: right;
 margin-top: -1.8em;
 font-size: 0.9em;
}


p.feeds a, p.feeds a:hover  {
 text-decoration: none;
}


p.feeds a:hover {
 color: #000000;
}


#inputbox {
 clear: both;
 color: #7b7b7b;
 font-size: 0.9em;
}


#inputbox a {
 color: #7b7b7b;
}


#inputbox a:hover {
 color: #FFFFFF;
}


p.inputbox {
 margin: 0;
 padding-bottom: 10px;
}


p.pages {
 margin: 0;
 padding: 40px 40px;
 padding-top: 0;
 text-align: center;
}


p.pages a {
 color: #102e6c;
}
#response
{
 width: 550px;
 border: #FFFF66 2px solid;
}

Alles anzeigen

SIDEBAR

PHP

<?php
/*
Template Name: Sidebar
*/
?>
<div id="side">
<div class="smallside1">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
<h2><a href="index.php">Home</a></h2>
<h2><?php wp_list_pages('title_li=&depth=1&include=16'); ?></h2>


<h2>Meine Geschichte</h2>
<ul>
 <li>
  <?php wp_list_pages('title_li=&depth=1&exclude=16, 17'); ?>
 </li>
</ul>
<h2>Gedichte</h2>
<h2>Tagebuch-Archiv</h2>
<ul>
 <li>
  <?php wp_get_archives('type=monthly'); ?>
 </li>
</ul>
<?php endif; ?>
</div> <!-- end div.smallside1 -->
 
<div class="clear"></div>
</div> <!-- end div#side -->
<div class="clear"></div>

Alles anzeigen

PAGE

PHP

<?php
/*
Template Name: Single Page Template
*/
?>
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
 
<div class="entry">
<?php the_content('<p>Den kompletten Eintrag lesen &raquo;</p>'); ?>
<?php link_pages('<p><strong>Pages:</strong> ', '</p>', 'number'); ?>
</div>
<div class="postmetadata"><p><?php edit_post_link('Bearbeiten', '', ''); ?></p></div>
</div>
<?php endwhile; endif; ?>
</div> <!-- end of content div -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

INDEX

PHP

<?php
/*
Template Name: Main Index
*/
?>
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content('<p>Kompletten Eintrag lesen &raquo;</p>'); ?>
</div>
<div class="postmetadata"><p>Ver&ouml;ffentlicht am <?php the_time('d. M Y') ?> um <?php the_time() ?> <br /><?php comments_popup_link('Keine Kommentare vorhanden', '1 Kommentar', '% Kommentare'); ?>
<?php edit_post_link('Beitrag bearbeiten', ' | ', ''); ?> 
</p></div>
</div>
<?php endwhile; ?>
<div class="navigation">
<div class="align-right"><?php previous_posts_link('N&auml;chster Eintrag &raquo;') ?></div>
<div class="align-left"><?php next_posts_link('&laquo; Vorheriger Eintrag') ?></div>
</div>
<?php else : ?>
<div class="post">
<h2>Page Not Found</h2>
<div class="entry">
<p>Sorry, the page you tried to access cannot be found.</p>
</div>
</div>
<?php endif; ?>
</div> <!-- end of content div -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

Vielleicht kann ja mal jemand drüber schauen...

vielen lieben Dank

Ragna

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Putzlowitsch

Mach da mal im CSS folgendes:

Code

#side {
margin: 0 0 0 685px;

zu

Code

#side {
margin: 0 0 0 675px;

und
.

Code

smallside1 {
width: 200px;

zu
.

Code

smallside1 {
width: 150px;

Gruß
Ingo

Ragnaroek

Hallo

sorry das ich mich jetzt erst melde, aber hatte einen Komplettabsturz hier...

Hab das ganze gerade mal ausprobiert, aber das Problem ist nach wie vor das gleiche. Kann es nicht eher sein dass es ein Float/Clear-Problem ist?

Danke

Ragna

Putzlowitsch

Probier mal das wrap-all zu vergrößern:
#wrap-all {
width: 945px;

...

Das Problem liegt darin, das IE die Breiten und Abstände anders rechnet. Da gehen dann noch die Padding- und Borderwerte mit ein. Und wenn es halt mit der Breite und dem linken Abstand nicht mehr in das übergeordnete Element paßt, wird es einfach drunter gepackt.

Gruß
Ingo

Ragnaroek

Hey...das hat funktioniert...danke...;-)

Ich hab mich nur gewundert weil sich die beiden Spalten ja nicht geschnitten haben...

Aber jetzt weiß ich für die Zukunft worauf ich noch zu achten habe...

danke noch mal

Ragna

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit IE 6

Jetzt mitmachen!