Fehler im IE bei Firefox ist es ok

brainxx

habe 2 Sidebars rechts nebeneinander im Firefox stehen sie nebeneinander
im Explorer ist linke Sidebar ok rechte ist weiter unten also verschoben:

Sidebar.php

PHP

<div id="sidebar">


    <div id="sidebar-left">
    
        <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
       
        <h4><?php _e('Categories'); ?></h4>
        <ul>
            <?php wp_list_cats('sort_column=name'); ?>
        </ul>        
        
        <h4><?php _e('Archive'); ?></h4>
          <ul>
           <?php wp_get_archives('type=monthly'); ?>
          </ul>
          
          <h4><?php _e('Blogroll'); ?></h4>
        <ul>
            <?php wp_list_bookmarks('categorize=0&title_li=0&title_after=&title_before='); ?>        
        </ul>
        
           <h4><?php _e('Meta'); ?></h4>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
                <?php wp_meta(); ?>
            </ul>  
    
    <?php endif; ?>        
    </div>






    <div id="sidebar-right">
                      
        <div class="search-form">  
            <?php $search_text = "Suche..."; ?> 
        <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/"> 
            <input type="text" value="<?php echo $search_text; ?>" name="s" id="s" onblur="if (this.value == '')  
            {this.value = '<?php echo $search_text; ?>';}"  
            onfocus="if (this.value == '<?php echo $search_text; ?>')  
            {this.value = '';}" /> 
            <input type="hidden" id="searchsubmit" /> 
        </form>  
      </div>
        
        <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
        
        <h4>Recent Posts</h4>
            <ul>
            <?php get_archives('postbypost', 10); ?>
            </ul>            
            
        <h4><?php _e('Tags'); ?></h4>
        <ul>
                <?php wp_tag_cloud(''); ?>
        </ul>
             
    <?php endif; ?>
    
    </div>


</div>

Alles anzeigen

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

brainxx

Css Datei:

PHP

/*************************************
 +Containers
 *************************************/
body
{
  background:#f8f8ec url(images/bg.jpg) repeat-x top left;
  color:#151515;
  font-family:Verdana, Georgia, "Times New Roman", Times, serif;
  font-size:72.5%;
  line-height:1.4;
  text-align:left;
  margin:0;
  padding:0;
}


#wrap
{
  position:relative;
  padding-top:1em;
  text-align:left;
  width:1004px;
  margin:0 auto;
}


#header
{
  text-align:left;
  width:1004px;
  margin-bottom:95px;
  padding:40px 0 0;
}


#portrait-bg
{
  position:absolute;
  width:319px;
  height:221px;
  right:0;
  top:0;
}


#rss-big
{
  position:absolute;
  background:url(images/rssbig.jpg);
  width:111px;
  height:67px;
  top:126px;
  left:25px;
}


#content
{
  font-size:1.1em;
  float:left;
  width:600px;
  padding:0 0 0 1em;
}


#sidebar-left
{
  background:#FCFCFC;
  border:1px #ccc dashed;
  font-size:1em;
  float:left;
  margin-left:20px;
  width:198px;
  padding:.5em .2em 2em 1em;
}


#sidebar-right
{
  font-size:1em;
position: relative;
  float:right;
  margin-left:14px;
  width:153px;


}


#footer
{
  background:url(images/bg-footer.jpg) repeat-x bottom left;
  color:#e6e6e6;
  font-size:1em;
  clear:both;
  text-align:center;
  padding:1em;
}
/*************************************
 +Search form
 *************************************/


.search-form {
    font-size:1.2em;
    background:url(images/search.png) no-repeat;
    position:relative;
    width:147px;
    height:44px;
    margin-bottom:10px;
}
.search-form input{
    width:125px;
    margin:14px 0 0 10px;
    border:0px;
    background:#f9f9f9;
  color: #454545;
}


/*************************************
 +Footer
 *************************************/


#credits
{
  margin:55px 0 -10px;
}


#footer a
{
  color:#E6E6E6;
}


#footer a:hover
{
  color:#b2b2b2;
}


.rss
{
  background:url(./images/rss.png) no-repeat;
  padding-bottom:6px;
  padding-left:20px;
}


/*************************************
 +Hn, a and p
 *************************************/




a
{
  color:#7f9a42;
  text-decoration:none;
}


h1,h2,h3,h4,h5,h6
{
  font-weight:400;
  letter-spacing:-.1px;
  margin:0;
}


#header h1
{
  font-size:4em;
  margin-left:.5em;
}


#header h1 a
{
  color:#424242;
}


#header p
{
  color:#424242;
  font-size:1.3em;
  margin-top:-6px;
  margin-left:250px;
  text-align:left;
  font-style:italic;
}


.entrytitle
{
  text-align:left;
}


.entrytitle h3
{
  font-size:1.5em;
  color:#6F6F6F;
}


a:hover,.entrytitle h1 a,.entrytitle h2 a
{
  color:#000;
}


.entrytitle h1,.entrytitle h2
{
  font-size:2em;
  text-align:left;
}


#rss-big a
{
  display:block;
  width:110px;
  height:64px;
}






blockquote
{
  display:block;
  background:#FCFCFC  none repeat scroll 0 0;
  padding:2px 10px;
    clear:both;
    margin-left:0px;
    margin-right:0px;
}


pre
{
  max-width:580px;
  font-size:12px;
  padding:10px;
  overflow: auto;
  clear:both;
}


code
{
  font-size:12px;
  max-width:580px;
  padding:10px;
  clear:both;
  overflow:auto;
}




/*************************************
 +Entry
 *************************************/
.entry
{
  margin-bottom:0;
  text-align:justify;
}


.entry a:hover
{
  background-color:#F0F0E0;
}


.entry p
{
  margin:0;
  padding:0 0 10px;
}


.entry h3
{
  font-size:1.3em;
  padding-bottom:.3em;
}
  
.entry h4 {
    font-size:1.1em;
    padding-bottom:0.2em;    
}


.entry img
{
  max-width:580px;
  margin-left:5px;
  margin-right:5px;
  border:0;
}


.entrybody
{
  padding-bottom:6px;
  overflow:auto;
}


.entrybody a
{
  border-bottom:1px dotted #CCC;
}


.entry code
{
  font-size:1.1em;
  text-align:left;
  padding:.2em;
}


.entrymeta
{
  padding-top:.5em;
  color:#b3960e;
  border-top:1px dotted #ccc;
  margin-bottom:3em;
  clear:both;
}


.postedby
{
  background:url(./images/user.png) no-repeat;
  padding:2px 3px 3px 20px;
}


.filedto
{
  background:url(./images/post.png) no-repeat;
  padding:2px 3px 3px 20px;
}


.commentslink
{
  background:url(./images/packaged.png) no-repeat;
  padding:1px 2px 2px 21px;
}


.btitle
{  
  letter-spacing:-.1px;
  font-size:47px;
  font-family:georgia, times New Roman;
  font-style:italic;
  margin:0 0 0 .5em;
}


.btitle a
{
  color:#333;
}




.postinfo
{
  margin-top:3px;
}


.postinfo img
{
  border:2px solid #F8F8EC;
  margin:0;
  padding:0;
}


.entrydate .dateMonth
{
  font-size:10px;
  text-align:center;
  color:#FFF;
  margin:0;
  padding:3px 0 0;
}


.entrydate .dateDay
{
  font-family:Times New Roman,Helvetica,Sans-Serif;
  font-size:21px;
  font-weight:700;
  text-align:center;
  color:#888;
  margin:0;
  padding:3px 0 0;
}


.entrydate .dateYear
{
  font-size:9px;
  padding:0 0 0 1pt;
}


.entrydate
{
  background:transparent url(images/date.png) repeat scroll 0 0;
  float:right;
  height:53px;
  margin-left:5px;
  margin-top:5px;
  width:49px;
}


.entrytitle_wrap
{
  padding-bottom:1.8em;
}


.avatar
{
  
  color:#FFF;
  clear:right;
  float:left;
  margin:0 15px 0 0;
  padding: 2px;
}


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


img.alignright
{
  display:inline;
  margin:0 0 2px 7px;
  padding:4px;
}


img.alignleft
{
  display:inline;
  margin:0 7px 2px 0;
  padding:4px;
}


.alignleft
{
  float:left;
}


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


.wp-caption
{
  border:1px solid #ddd;
  text-align:center;
  background-color:#FCFCFC;
  padding-top:4px;
  border-radius:3px;
  margin:10px;
}


.wp-caption img
{
  border:0 none;
  margin:0;
  padding:0;
}


.wp-caption-dd
{
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}


.socbook,.alignright
{
  float:right;
}


/*************************************
 +Sidebar
 *************************************/
#sidebar ul
{
  list-style-type:none;
  clear:both;
  margin:0 0 1em;
  padding:0;
}


#sidebar ul li,#sidebar ul li a
{
  padding-top:.2em;
  padding-bottom:.2em;
  padding-right:.2em;
}


#sidebar ul li:hover,#sidebar ul li a:hover
{
  background:#F0F0E0;
}


#sidebar ul.children
{
    margin:0 0 0 10px;
}




#sidebar h2
{
  color:#6F6F6F;
  font-size:1.5em;
  margin-top:1em;
}


#sidebar h4
{
  color:#151515;
  font-size:1.5em;  
}


#sidebar-left #cat
{
  width:195px;
  border:1px solid #CCC;
}


#sidebar-right #cat
{
  width:150px;
  border:1px solid #CCC;
}


#sidebar img
{
  max-width:140px;
  border:0;
}


/*************************************
 +Menu
 *************************************/
#menu
{
  position:absolute;
  width:690px;
  margin:0;
  padding:0;
  height: 31px;
  overflow: hidden;
}


#menu ul
{
  font-size:1.2em;
  list-style:none;
  margin:0;
  padding:0;
}


#menu li
{
  float:left;
  border-bottom:0;
}


#menu li a
{
  color:#fff;
  margin-left:.5em;
  display:block;
  padding:.6em .6em .3em;
}


#menu li a:hover
{
  background:#e6e2af;
  color:#424242;
}


#menu ul li ul
{
  display:none;
}


/*************************************
 +Menu Categories
 *************************************/
#catmenu
{
  position:absolute;
  width:555px;
  left:138px;
  top:151px;
  margin:0;
  padding:0;
  height:29px;
  overflow:hidden;
}


#catmenu ul
{
  font-size:1em;
  list-style:none;
  margin:0;
  padding:0;
}


#catmenu li
{
  float:left;
  border-bottom:0;
}


#catmenu li a
{
  background:#bfbc94;
  color:#000;
  margin-left:.5em;
  display:block;
  padding:8px 10px 5px;
}


#catmenu li.current-cat a
{
  background:#a7a37e;
  color:#fff;
  margin-left:.5em;
  display:block;
  padding:8px 10px 5px;
}


#catmenu li a:hover
{
  background:#a7a37e;
  color:#fff;
}


#catmenu ul li ul
{
  display:none;
}
/*************************************
 +Comments
 *************************************/
.commentsblock,contactform
{
  font-size:1em;
  clear:both;
  padding-top:20px;
}


.commentsblock textarea,.contactform textarea
{
  width:538px;
}


.commentsblock input,.commentsblock textarea,.contactform input,.contactform textarea
{
  border:1px solid #d1d1d1;
}


.commentauthor
{
  display:block;
  font-size:1.5em;
}


ol.commentlist
{
  color:#505247;
  font-size:1em;
  list-style-type:none;
  margin:1.5em 0 0;
  padding:0;
}


ol.commentlist a
{
  color:#b3960e;
}


ol.commentlist a:hover
{
  color:#424242;
}


.commentlist li
{
  margin-bottom:.5em;
  padding:8px;
  overflow:auto;
}


.commentlist p
{
  text-transform:none;
  font-size:1em;
  margin:10px 5px 10px 59px;
}


.commentlist blockquote p
{
  margin:10px 5px;
}


.commentlist blockquote
{
  margin:10px 0 10px 59px;
}


.commentlist .children
{
    padding-left:0px;
}


#commentform p
{  
  margin-left:0px;
}


.alt
{
  background:#e3e7cb;
}


.comment_headings
{
  font-size:1.3em;
  color:#6C6C6C;
}


.vcard
{
  font-size:1em;
}


.vcard cite
{
  font-weight:700;
  font-size:16px;
}


.commentsblock textarea:focus,.contactform textarea:focus,.commentsblock textarea:focus,.commentsblock input:focus,.contactform textarea:focus,.contactform input:focus
{
  background:#eee;
  border:1px solid #a1a1a1;
}

Alles anzeigen

brainxx

keiner eine idee?

Whoppy

Wie lautet der Link?

spickzettel

Am besten ist es immer, wenn man sich das live angucken kann :-D Häufig hilft es, eine der Spalten für den IE ein klein wenig (wenige Pixel) schmaler zu machen.

brainxx

ist eine Intranet Lösung

telekommander

... dann eben den gerenderten Quellcode + CSS.

brainxx

die css ist schon im Artikel und hier der Sidebar.php Code:

PHP

<div id="sidebar">
<br>
    <div id="sidebar-left">
    
        <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
       
        <h4><?php _e('Categories'); ?></h4>
        <ul>
            <?php wp_list_cats('sort_column=name'); ?>
        </ul>        
        
        <h4><?php _e('Archive'); ?></h4>
          <ul>
           <?php wp_get_archives('type=monthly'); ?>
          </ul>
          
          <h4><?php _e('Blogroll'); ?></h4>
        <ul>
            <?php wp_list_bookmarks('categorize=0&title_li=0&title_after=&title_before='); ?>        
        </ul>
        
           <h4><?php _e('Meta'); ?></h4>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
                <?php wp_meta(); ?>
            </ul>  
    
    <?php endif; ?>        








    <div id="sidebar-right">
                      
<br>
<div align="right">




    <div class="search-form">  
            <?php $search_text = "Suche..."; ?> 
        <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/"> 
            <input type="text" value="<?php echo $search_text; ?>" name="s" id="s" onblur="if (this.value == '')  
            {this.value = '<?php echo $search_text; ?>';}"  
            onfocus="if (this.value == '<?php echo $search_text; ?>')  
            {this.value = '';}" /> 
            <input type="hidden" id="searchsubmit" /> 
        </form>  
      </div>
    






        
        <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
        
        <h4>Recent Posts</h4>
            <ul>
            <?php get_archives('postbypost', 10); ?>
            </ul>            
            
        <h4><?php _e('Tags'); ?></h4>
        <ul>
                <?php wp_tag_cloud(''); ?>
        </ul>
             
    <?php endif; ?>
    
    </div>


</div>

Alles anzeigen

telekommander

Was war an [FONT="Arial Black"]gerendert[/FONT]en Quellcode nicht zu verstehen ?

brainxx

was meinst du damit?

telekommander

och nö ...

Im Browser deiner Wahl, Seite aufrufen > Kontextmenü > Quellcode anzeigen.
Ctrl + C.

brainxx

okky anbei nun der Quellcode eingepackt als zip Datei...wichtig ist im IE geht es nicht und im Firefox geht es

brainxx

keiner eine idee?

telekommander

Beide 'Sidebars' hängen bei mir untereinander sowohl IE als auch im FF. Sicher das du nichts geändert hast ?

Es befinden sich einige unnötige Zeilenumbrüche in der Sidebar:

Code

<div id="sidebar">
[COLOR="Red"]<br>[/COLOR]
( ... )
<div class="textwidget"><p>[COLOR="Red"]<br>[/COLOR]</div>
( ... )
<div id="sidebar-right"> 	         	
[COLOR="Red"]<br>[/COLOR]

Das geht auch nicht. Das Blockelement [FONT="Courier New"]<div>[/FONT] hat dort nichts zusuchen, die Schachtelung der Tags passt nicht.

Code

</div><h2>Statistik</h2><ul><li>Benutzer:  9</li>[COLOR="Red"]<div class="pfwidget">[/COLOR]<li>Artikel:  265</li>

Das Google Suchfeld solltest du dringend überarbeiten, da stört der unnötige Tabellen-Kram.
Den <center> -Tag gibt es in XHTML nicht, zentrieren sollte übers Stylesheet gelöst werden.
Das war mein erster grober Blick, das alle verursacht Stress.

Die "Single"-Tags in XHTML bitte auch schliessen, für [FONT="Courier New"]<img src="bild" />[/FONT] ,[FONT="Courier New"]<br />[/FONT] und für [FONT="Courier New"]<input type="text" />[/FONT] !

brainxx

danke aber deine Hilfe war falsch...habe Fehler nun selber endeckt...

danke trotzdem

telekommander

Zitat von brainxx

danke aber deine Hilfe war falsch...habe Fehler nun selber endeckt...

Das ändert nichts an den Fehlern. Du hast leider nicht gelesen !

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Fehler im IE bei Firefox ist es ok

Jetzt mitmachen!