Hallo,
ich bin gerade dabei, das Design meines Blogs http://podolak.net/blog (WP 2.0.1) an das Design meiner übrigen Webseite anzupassen.
zu 1.)
Ich möchte für den Internet Explorer ein separates Stylesheet anfertigen, da der IE nicht alles erkennt und zum Teil falsch interpretiert, was ich im CSS definiert habe.
In HTML funktioniert diese Browserweiche
<!--[if IE]>
<style type="text/css">@import url(design_ie.css);</style>
<![endif]-->auch wunderbar.
Kann man das oder so ähnlich auch in WP machen?
In welcher Datei holt WP eigentlich die Daten aus style.css?
zu 2.) Im Moment nicht im IE zu erkennen ist folgendes Problem:
Zwischen dem Footer und dem Rest der Seite erscheint statt der beiden von mir definierten Grafiken einfach ein weißer Bereich.
Hier der Index-
<?php get_header(); ?>
<div id="opazitaet"></div>
<div id="schatten"></div>
<div id="titel"></div>
<div id="ro"><div id="lo"></div></div>
<div id="hintergrund">
<div id="menue-zeiger"></div>
<div id="links">
<div id="navigation">
<ul>
<li><p>Menü</p></li>
<li><a href="../">Startseite</a></li>
<li><a href="../dokumente">Dokumente</a></li>
<li><a href="../reisen">Reisen</a></li>
<li><a href="../projekte">Projekte</a></li>
<li><a href="../links">Links</a></li>
<li><a href="../freiesfeld">Freies Feld</a></li>
<li><a href="../login">Login</a></li>
<li><a href="../kontakt">Kontakt</a></li>
<li><p class="menue">Blog</p></li>
</ul>
</div>
<div id="nebenmenue">
<?php get_sidebar(); ?>
</div>
<div id="ueberschrift">
<p><strong>Ich baue hier gerade um! Fehler in der Anzeige möglich</strong></p>
</div>
<div id="hauptfenster">
<?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('j. F Y') ?> <!-- by <?php the_author() ?> --></small>
<div class="entry">
<?php the_content('weiter...'); ?>
</div>
<p class="postmetadata">Kategorie <?php the_category(', ') ?> <strong>|</strong> <?php comments_popup_link('0 Kommentare »', '1 Kommentar »', '% Kommentare »'); ?> <?php edit_post_link('Bearbeiten','<strong>|</strong> ',''); ?> </p>
</div>
<?php endwhile; ?>
<div class="navigation2">
<div class="alignleft"><?php next_posts_link('« Vorherige Einträge') ?></div>
<div class="alignright"><?php previous_posts_link('Nächste Einträge »') ?></div>
</div>
<?php else : ?>
<h2 class="center">Nicht gefunden</h2>
<p class="center">Sorry, aber Du suchst gerade nach etwas, was hier nicht ist.</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
<?php endif; ?>
[B] <div id="ru"><div id="lu"></div></div>[/B]
</div>
</div>
</div>
</div>
<?php get_footer(); ?>Die Grafiken sind <div id="ru"><div id="lu"></div></div>.
In style.css sind sie so definiert:
#ru {
position:relative;
background: url(bilder/ru.gif);
background-repeat: no-repeat;
background-position: right;
height:86px
padding:0;
margin:0
z-index:3;
}
#lu {
position:relative;
background: url(bilder/lu.gif);
background-repeat: no-repeat;
background-position: left;
height:86px
padding:0;
margin:0
z-index:3;
}Wie bekomme ich den weißen Bereich dort weg und die Grafiken in #lu und #ru dort hin?