✔ Divs nebeneinander - 2h -> 0 Erfolg

C

Club***

Hallo,

seit zwei geschlagenen Stunden versuch ich die #sidebar rechts neben den #post zu bringen...
Leider nur ohne Erfolg.

Ich habs schon mit float probiert. viell. auch auf die falsche Weise..
 
Zuletzt bearbeitet von einem Moderator:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    
    <style>
    

#content {
width: 900px;
margin: auto;
min-height: 200px;
font-size: 12px;
text-align: left;
padding: 0;
padding-top: 10px;
background-color: #669900;
color: #fff;
border: none;
margin-top: 11px;
}

#post {
width: 550px;
min-height 50px;
color: #fff;
margin: 0px;
margin-left:10px;
margin-right: 10px;
padding-top: 5px;
border: 1px solid #ffffff;
margin-bottom: 10px;
}

#posttitle {
width: 530px;
height: 25px;
color: #fff;
margin: 0px;
margin-top: -10px;
margin-left: 12px;
margin-right: 10px;
}

#posttitle a {
color: #314013;
text-decoration: none;
}

#posttitle a:hover {
color: #314013;
text-decoration: underline;
}

#postinfo {
width: 520px;
height: 12px;
font-size: 11px;
color: #ffffff;
margin: 0px;
margin-top: -5px;
margin-left: 13px;
margin-right: 10px;
border: none;
}

#postoption {
margin-right: 10px;
margin-bottom: 5px;
width: 530px;
padding-right: 5px;
}

#postcontent {
width: 520px;
min-height: 80px;
font-size: 12px;
color: #fff;
margin: 0px;
margin-top: 7px;
margin-left: 13px;
margin-right: 15px;
border: none;
}

#sidebar {
min-height: 200px;
margin: 0px;
padding: 0px;
border: none;
}

#post{
  float: left;
}


    </style>
    
  </head>
  <body>
    <div id="content">

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div id="post">
<div id="posttitle"><h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Link zu <?php the_title(); ?>"><?php the_title(); ?></a></h2><br /></div>
<div id="postinfo">Veröffentlicht am <?php the_time('d.m.Y') ?> um <?php the_time() ?> von <?php the_author() ?><br />
----------------------------------------------------------------------------------------------------</div>
<div id="postcontent"><?php the_content('Kompletten Beitrag lesen'); ?></div>
<div id="postoption" style="text-align:right;"><?php edit_post_link('Bearbeiten','',''); ?> | <?php the_category(', ') ?> | <?php comments_popup_link('Keine Kommentare', '1 Kommentar', '% Kommentare'); ?> |&nbsp;</div>
</div>
<div id="sidebar">
<?php get_sidebar(); ?></div><br style="clear: both" />

<?php endwhile; ?>
<?php next_posts_link('« vorherige Seite') ?> - <?php previous_posts_link('nächste Seite »') ?>
<?php else : ?>
<div class="error">
<h1>Fehler!</h1>
Die gewünschte Seite ist nicht verfügbar.
</div>
<?php endif; ?>


</div>
  </body>
</html>

Bei mir gehts so :-)
 
Hi,
ClubatrOnic hat gesagt.:
Ich habs schon mit float probiert. viell. auch auf die falsche Weise..
Zum Vergrößern anklicken....

funktioniert doch einwandfrei mit float:left.

CSS: 
#post {
width: 550px;
min-height 50px;
color: #fff;
margin: 0px;
margin-left:10px;
margin-right: 10px;
padding-top: 5px;
border: 1px solid #ffffff;
margin-bottom: 10px;
float:left;
}

mfg Maik
 
Maik hat gesagt.:
Hi,

funktioniert doch einwandfrei mit float:left.

CSS: 
#post {
width: 550px;
min-height 50px;
color: #fff;
margin: 0px;
margin-left:10px;
margin-right: 10px;
padding-top: 5px;
border: 1px solid #ffffff;
margin-bottom: 10px;
float:left;
}

mfg Maik
Zum Vergrößern anklicken....

Ich glaub man muss auch die Width von #sidebar rausnehmen (zumindest bei meinem FF)
 
Also der Vorschlag von queicherius
Klappt bis jetzt halb. . .

Das Ganze hängt bei mir jetzt noch zur Hälfte rechts(Browser Chrome).
 
Zuletzt bearbeitet von einem Moderator:
Für #sidebar fehlt noch der linke Außenabstand:
Code: 
#sidebar {
border:medium none;
margin:0 0 0 560px;
min-height:200px;
padding:0 0 0 10px;
}


Übrigens muß ein ID-Bezeichner im HTML-Dokumentbaum eindeutig sein, und darf darin nicht mehrmals vergeben werden. Für diesen Fall ist der Klassenbezeichner vorgesehen.

mfg Maik
 
ClubatrOnic hat gesagt.:
Bloß die Funktion wo man das Thema als gelöst markieren kann, find ich nicht :confused:
Zum Vergrößern anklicken....
Einfach auf den Button mit dem Schriftzug "Erledigt" klicken (rechts neben "Antworten").

ClubatrOnic hat gesagt.:
Das mit den Klassen hab ich mir schonmal angeschaut, bloß noch nicht verstanden..
Zum Vergrößern anklicken....
Das ist im Prinzip recht einfach.

Im Stylesheet wird beispielsweise aus dem ID-Bezeichner "#post" der Klassenbezeichner ".post" (mit einem Punkt vor'm Namen), den du im HTML-Code mit dem class-Attribut aufrufst.

mfg Maik
 
Ich hab da noch so ein paar Probleme mit der Homepage:
will keinen neuen Thread aufmachen:

Ich habe ja im Quelltext Unterpunkte für das Menü, die sollen beim Mouseover aufklappen. Geht leider nicht..
Dazu will ich, das die Menüpunkte(also die Bilder), gleich beim Aufrufen der Seite laden, und nicht erst beim Mouseover. Jedoch will ich sie nicht i-wo auf der Homepage verstecken.
 
Zuletzt bearbeitet von einem Moderator:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück