Sidebar im Explorer verrutscht?

Kati

http://www.deafkids.de/blogs

hallo,

ich habe noch ein problem mit meinem theme, ein kleines umlautproblem habe ich eben schon einmal in die runde geworfen, aber noch ist keine lösung in sicht.

aber vielleicht könnt ihr mir ja bei dem viel wichtigeren problem helfen?

mein theme im firefox ist so wie es sein soll. aber im explorer schieben sich die bilder, die zu den "pages" gehören, in das weiße textfeld hinein. aber sie sollen rechts davon stehen.

außerdem wird immer dasselbe icon angezeigt, aber eigentlich sind jeder "page" ein eigenes logo zugeordnet.

mir hat jemand geholfen, das theme zu machen. ich möchte ihn aber nicht andauernd neu fragen. könnt ihr mir vielleicht helfen?

die angaben zum design sind alle im header.php

habt ihr eine idee?

über eine antwort würde ich mich sehr freuen!

eure kati

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

eisregen1986

Hallo Kati,

eventuell reicht es das du die CSS Angaben in die "style.css" einfügst statt in der header.php

Sollte dies nicht klappen poste mal deine "index.php" hier hinein.

Kati

index.php

hallo eisregen,

hier ist meine index-datei. ich weiß nicht, aber der freund, der mir das theme gebastelt hat, hatte sich bewusst dafür entschieden, alles in den header zu stecken. ich weiß nun gar nicht, was ich dann alles in style.css reinpacken muss und wo ich dann wiederum etwas anpassen muss.

ich schicke mal dennoch die index-datei und gucke es mir gleich mal an..

aber danke fürs schnelle antworten! deine kati

PHP

<?php get_header(); ?>


    <div id="content" class="narrowcolumn">


    <?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>
                <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
                
                <div class="entry">
                    <?php the_content('Hier geht`s weiter... &raquo;'); ?>
                </div>
        
                <p class="postmetadata">Ver&ouml;ffentlicht in <?php the_category(', ') ?> | <?php edit_post_link('Bearbeite', '', ' | '); ?>  <?php comments_popup_link('Kein Kommentar »', '1 Kommentar »', '% Kommentare »'); ?></p>
            </div>
    
        <?php endwhile; ?>


        <div class="navigation">
            <div class="alignleft"><?php next_posts_link('&laquo; Vorherige Eintr&auml;ge') ?></div>
            <div class="alignright"><?php previous_posts_link('Weitere Eintr&auml;ge &raquo;') ?></div>
        </div>
        
    <?php else : ?>


        <h2 class="center">Not Found</h2>
        <p class="center">Sorry, but you are looking for something that isn't here.</p>
        <?php include (TEMPLATEPATH . "/searchform.php"); ?>


    <?php endif; ?>


    </div>


<?php get_footer(); ?>

Alles anzeigen

Kati

frage wegen austausch?

ich habe das mal probiert, aber danach ist alles weiß.

ich habe vielleicht auch etwas falsches verschoben. welche informationen muss ich denn genau "rüberschieben" und welcher datei muss ich dann "mitteilen", dass die infos jetzt woanders sind?

hier einmal meine header-datei:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>


<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<style type="text/css" media="screen">
x    div {border:1px solid yellow;}
    body {
        background: #657DBB url(<?php bloginfo('stylesheet_directory'); ?>/pics/punkt.gif) repeat-y -30px 0px;
        font-family:verdana;
        font-size:0.9em;
        margin:0;
    }
    #outerwrapper {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/punkt.gif) repeat-y top right;
        padding:30px 0 50px 0;
        margin-right:50px;
        min-width:800px;
    }
    #sidebar {
        float:right;
        padding:180px 30px 0 0px;
        margin-right:40px;
        top:0px;
        right:0px;
        width:150px;
        height:100%;
    }
    #sidebar li {
        list-style-type:none;
        list-style-position: inside;
        margin:0;
        padding:0;
    }
    #bloginfo {
        position: relative;
        top: 50px;
        left:100px;
    }
    #seite {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/seiteo.gif) no-repeat top left;
        margin:0 190px 0 20px;
        border-left-width: 5px;
    }
    #seite h1 {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/seiteor.gif) no-repeat top right;
        padding: 190px 0px 0px 90px;
        margin: 0;
        font-size:1em;
    }
    #seitentext {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/seitentext.gif) repeat-y top left;
    }
    #content {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/seitentextr.gif) repeat-y top right;
        padding: 10px 30px 5px 100px;
        margin:0;
    }
    #seitenfooter {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/seitenfooteru.gif) no-repeat bottom left;
    }
    #seitenfooter p {
                    background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/seitenfooterur.gif) no-repeat bottom right;            
        padding:10px 0 13px 90px;
        margin:0px;
        font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    }
    .page_item a{
        text-decoration:none;
        font-size:1.2em;
        color:white;
        display:block;
        padding:15px 0px 22px 55px;
        margin:0;
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_spielen.gif) no-repeat top left;        
    }
    a[ title="Forum"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_forum.gif) no-repeat top left;        
    }
    a[ title="Spielen"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_spielen.gif) no-repeat top left;    
    }
    a[ title="Lernen"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_lernen.gif) no-repeat top left;    
    }
    a[ title="Lesen"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_lesen.gif) no-repeat top left;    
    }
    
    
    a[ title="WebLinks"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_links.gif) no-repeat top left;    
    }
    
    
        a[ title="H&ouml;ren"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_links.gif) no-repeat top left;    
    }
    
    
    a[ title="Geb&auml;rden"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_links.gif) no-repeat top left;    
    }


    
    
    a[ title="Impressum"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_info.gif) no-repeat top left;
    }
    a[ title="Archiv"] {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_archiv.gif) no-repeat top left;
    }
    a[ title="Archiv"]:hover {
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_spielen.gif) no-repeat top left;
    }
    #linkcat-1 h2 {
        padding:15px 0px 12px 55px;
        margin:0;
        background: url(<?php bloginfo('stylesheet_directory'); ?>/pics/knopf_links.gif) no-repeat top left;
    }
</style>


<?php wp_head(); ?>
    
</head>
<body>
<div id="outerwrapper">


<?php get_sidebar(); ?>


<div id="seite">
<a href="<?php echo get_settings('home'); ?>/"><h1>&nbsp;</h1></a>
    <div id="seitentext">

Alles anzeigen

gruß kati

eisregen1986

Hallo Kati,

also in der index.php hab ich keine fehler gefunden.
JEdoch fällt mir auf das keine sidebar vorhanden ist dort.

Nutzt du keine Sidebar in den Theme?

du kannst den gesamten bereich :
<style type="text/css" media="screen">
Inhalt
</style>inklusive inhalt entfernen. Sichere vorher aber sicherhalts halber einmal die gesamte PHP Datei.

Ich habe als Datei die "style.txt" fertig eingefügt. Kopiere den gesamten Inhalt der "style.txt" gegen deine style.css (also Völlständig) ersetzen.

Kati

ist immer noch so

hallo fabian,

also, ich habe das mal gemacht, allerdings auf einem probe-blog unter

http://www.examensblog.de/deafkids

im firefox sowie im explorer sieht es noch so aus wie vorher..im firefox gut und im explorer immer noch die verschobenen bilder und dieselben buttons.

ich nutze in dem theme nur die festen seiten/pages. aber eine sidebar ist doch auch bei den css-angaben dabei? also ist da doch eine, oder was meinst du?

liebe grüße kati

eisregen1986

Hallo Kati,

ich sagte ja, es könnte sein.

Probiere mal

PHP

<?php get_sidebar(); ?>

statt in der header.php in der index.php direkt über

PHP

<?php wp_footer(); ?>

so schiebt sich mein sidebar jedenfalls nicht in den content.

Gruss fabian

Kati

leider nicht

hallo fabian,

wie du auf dem probe-blog http://www.examensblog.de/deafkids sehen kannst, ist die menüleiste nun unten unter dem textfeld..mmm..

gruß kati

eisregen1986

Zitat von Kati

hallo fabian,
wie du auf dem probe-blog http://www.examensblog.de/deafkids sehen kannst, ist die menüleiste nun unten unter dem textfeld..mmm..
gruß kati

einen moment.. das korrigieren wir mittels css...

ich editier den beitrag in 5min. mal mit ner neuen css...

so hoffe nun das die css änderrung etwas bringt.

Sollte es nicht hinhauen könnte es sein das "margin-left" in der css angepasst werden muss auf den content...

Code

#sidebar {
        padding: 20px 0 10px 0;
        margin-left: 545px;
        width: 190px;
    }

habe ich nun mal hinzugefügt bzw. geändert.

Hoffe es klappt...

Neue CSS habe ich angehangen

Kati

leider auch nicht

lieber fabian,

ich habe es mal ausprobiert..aber das problem im explorer war dennoch nicht gelöst und die leiste war dann ganz verschoben. habe es über die daten noch hin- und herschieben können, aber wie gesagt, war es im explorer immer noch nicht richtig.

ich weiß deine mühe sehr zu schätzen! danke dass du es so sehr probiert hast. ich muss jetzt unbedingt schlafen, entschuldige, dass ich nun offline gehen muss!

vielleicht morgen wieder im forum oder später!

danke noch mal!

liebe nacht-grüße von deiner kati

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar im Explorer verrutscht?

Jetzt mitmachen!