Hallo liebe Wordpress-Freunde!
Nachdem ich mit eurer Hilfe eig. mein gesamtes Layout in Form gebracht habe, habe ich eine weitere Frage, die ich leider nicht mit der Suche sinnvoll lösen konnte. Wahrscheinlich komme ich mit meinen normalen Suchbegriffen einfach nicht genau genug hin. Nischenproblem sozusagen. Ich hoffe, der Thread geht dennoch okay!
Ich versuche folgendes: Mein Hauptlayout soll weiterhin zentriert bleiben. Daneben hätte ich gerne einen weiteren kleinen Block, der das Layout umständlich gesagt quasi dezentriert, aber meine 3 Hauptspalten weiterhin im Zentrum hält.
Ich bitte um einen kurzen Blick auf das Bild, das erklärt es vielleicht am Besten:
http://www.blogpartei.de/wp-content/upl…-blogpartei.png
Grün ist mein wrapper, mit Header + Footer (dunkelgrün), Content (hellgrün), 3 Spalten (class latestright / latestleft) (blau). Alles im Grünen soll auf der Seite zentriert dargestellt werden.
zusätzlich will ich jetzt rot haben. Rot soll:
- Grün nicht nach "links schieben"
- auf Höhe von Blau anfangen
Wahrscheinlich kann man das sogar recht einfach lösen, aber irgendwie komme ich nicht drauf. Zu viel Kleinklein immer bei mir, zu wenig wirkliches Wissen über CSS und Co.
Anbei noch meine index.php
<?php get_header(); ?>
<div id="wrapper">
<!-- Begin editing categories below here. -->
<!-- <div align="center"><font color="#ce7116">Verlosung: 1x2 Gästelistenplätze für <a href="http://www.blogpartei.de/2009/06/08/30-juni-gonn/">Gonn am 30. Juni</a> im Atomic // 3x1 Mixtape <a href="http://www.blogpartei.de/2009/06/08/der-kini-kompiliert-das-beste-des-map/">Das Beste des Music Alliance Pact</a></font></div><br />-->
<div class="latestright">
<?php { query_posts('cat=1161&showposts=1'); } ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Zum Artikel <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<img src="<?php echo get_post_meta($post->ID, 'image', true); ?>" alt="Zum Artikel" width="280"/>
<?php the_excerpt(''); ?>
<?php endwhile; ?>
</div>
<div class="latestright">
<?php { query_posts('cat=978&showposts=1'); } ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Zum Artikel <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<img src="<?php echo get_post_meta($post->ID, 'image', true); ?>" alt="Zum Artikel" width="280"/>
<?php the_excerpt(''); ?>
<?php endwhile; ?>
</div>
<div class="latestleft">
<?php { query_posts('cat=1657&showposts=1'); } ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Zum Artikel <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<img src="<?php echo get_post_meta($post->ID, 'image', true); ?>" alt="Zum Artikel" width="280"/>
<?php the_excerpt(''); ?>
<?php endwhile; ?>
</div>
<br class="clear" />
<div class="latestright">
<?php { query_posts('cat=1701&showposts=1'); } ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Zum Artikel <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<img src="<?php echo get_post_meta($post->ID, 'image', true); ?>" alt="Zum Artikel" width="280"/>
<?php the_excerpt(''); ?>
</div>
<?php endwhile; ?>
<div class="latestright">
<?php { query_posts('cat=986&showposts=1'); } ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Zum Artikel <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<img src="<?php echo get_post_meta($post->ID, 'image', true); ?>" alt="Zum Artikel" width="280"/>
<?php the_excerpt(''); ?>
</div>
<?php endwhile; ?>
<div class="latestleft">
<?php { query_posts('cat=1738&showposts=1'); } ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Zum Artikel <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<img src="<?php echo get_post_meta($post->ID, 'image', true); ?>" alt="Zum Artikel" width="280"/>
<?php the_excerpt(''); ?>
<?php endwhile; ?>
</div>
<br class="clear" />
<br />
</div>
<?php get_footer() ?>Stylesheet hier zu finden:
http://www.blogpartei.de/wp-content/themes/Blank/style.css
Bereits im Voraus vielen Dank! Und einen schönen Abend!
Tom