• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit 2 divs nebeneinander

Status
Für weitere Antworten geschlossen.
W

Wildkater

Neues Mitglied
Hallo @ all.

Habe wieder ein kleineres Problem.

Ich möchte auf DVDstars.de, auf der Startseite 2 divs nebeneinander bekommen, um rechts einen Banner zu setzten.

Platz dafür hab ich ja schon gemacht (wie man sieht), nur bekomme ich es nicht hin, das die 2te div genau daneben angezeigt wird.

Hier mal der Code, der index Seite:
Code: 
<?php get_header();?>
    <div id="content">
    <p class="infoboxblue"><span style="font-size:1.6em;"><strong>Willkommen auf DVDstars.de</strong></span><br />
Auf DVDstars können Sie sich über die neusten Top10 DVD Charts informieren. Zu jedem Film gibt es einen ausführlichen Bericht. Zu den Berichten werden Sie auch eine Reihe an Informationen rund um die einzelnen DVDs finden, wie zum Beispiel Sprache, Regionalcodes, Erscheinungsdatum, etc. Wir wünschen Ihnen viel Spaß und einen angenehmen Aufenthalt auf dieser Seite.</p>

<p><h1>&nbsp;Letzte erstellte DVD-Berichte:</h1></p>
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="entry">        
            <h2 class="entry-title" style="background:url(http://www.dvdstars.de/wp-content/themes/bamboo-10/images/index_entry_bg.png) no-repeat;">
            <em class="date"><?php the_time('M jS Y'); ?></em>
            <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a>
        </h2>
        <div class="entry-content">
            <?php ($post->post_excerpt != "")? the_excerpt() : the_content('Read More »'); ?>
            <?php wp_link_pages(); ?>                
            <p class="info">
            <span class="comments">
                <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>
            </span>
            Erstellt von <?php the_author() ?> / <?php the_category(' and ') ?> <?php edit_post_link(); ?>
            </p>
            <!--
                <?php trackback_rdf(); ?>
            -->
        </div>
        <?php comments_template(); ?>
    </div>
    <?php endwhile; ?>
        <p align="center"><?php posts_nav_link(' - ','« Prev','Next »') ?></p>        
    <?php else : ?>
        <h2 class="center">Not Found</h2>
        <p class="center">Sorry, but you are looking for something that isn't here.</p>        
    <?php endif; ?>
    </div>
<?php get_sidebar();?>
<?php get_footer();?>
 
Zuletzt bearbeitet:
DVDstars.de geht aber immer noch nicht, "TEST" wird unter allen Einträgen angezeigt ...

float: left; ist drin und unter dem div hab ich die 2te div box gemacht.
So sieht der code nun aus:

Code: 
 <?php get_header();?>
    <div id="content">
    <p class="infoboxblue"><span style="font-size:1.6em;"><strong>Willkommen auf DVDstars.de</strong></span><br />
Auf DVDstars können Sie sich über die neusten Top10 DVD Charts informieren. Zu jedem Film gibt es einen ausführlichen Bericht. Zu den Berichten werden Sie auch eine Reihe an Informationen rund um die einzelnen DVDs finden, wie zum Beispiel Sprache, Regionalcodes, Erscheinungsdatum, etc. Wir wünschen Ihnen viel Spaß und einen angenehmen Aufenthalt auf dieser Seite.</p>

<p><h1>&nbsp;Letzte erstellte DVD-Berichte:</h1></p>
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <div style="float: left;" class="entry">        
            <h2 class="entry-title" style="background:url([URL]http://www.dvdstars.de/wp-content/themes/bamboo-10/images/index_entry_bg.png[/URL]) no-repeat;">
            <em class="date"><?php the_time('M jS Y'); ?></em>
            <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a>
        </h2>
        <div class="entry-content">
            <?php ($post->post_excerpt != "")? the_excerpt() : the_content('Read More »'); ?>
            <?php wp_link_pages(); ?>                
            <p class="info">
            <span class="comments">
                <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>
            </span>
            Erstellt von <?php the_author() ?> / <?php the_category(' and ') ?> <?php edit_post_link(); ?>
            </p>
            <!--
                <?php trackback_rdf(); ?>
            -->
        </div>
        <?php comments_template(); ?>
    </div>
    <?php endwhile; ?>
        <div>TEST</div>
        <p align="center"><?php posts_nav_link(' - ','« Prev','Next »') ?></p>        
    <?php else : ?>
        <h2 class="center">Not Found</h2>
        <p class="center">Sorry, but you are looking for something that isn't here.</p>        
    <?php endif; ?>
    </div>
<?php get_sidebar();?>
<?php get_footer();?>
 
Hi,

Wenn du einen container floatest (mit width), sollte der andere entweder ebenfalls floaten (float:right), oder soviel margin bekommen das er neben den anderen rutschen kann.

Auf richtiges clearen achten. Viele Fehler kommen vom falschen clearen.
 
koslowski schrieb:
Wenn du einen container floatest (mit width), sollte der andere entweder ebenfalls floaten (float:right), oder soviel margin bekommen das er neben den anderen rutschen kann. clearen.
Zum Vergrößern anklicken....
Jo, ein einfach gefloatetes Element wird vom Nachfolgenden umflossen.
Damit es neben dem ersten angezeigt wird braucht es ebenfalls ein float. Es können auch beide in gleiche Richtung floaten.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben