Widgets- auf Index und Cat OK -im Archiv verschoben?

Hi Leuz,

oh wie will mär des immer erklären.

Also ich hab hier ne Seite aufezogen, auf der eigentlich in den Unterseiten keine Widgets und somit keine Navigation im eigentlichen Sinne möglich war. Nun hab ich einfach die Widgets in die Unterseiten rein kopiert und gut wars. Ne wars nicht, denn auf der Indexseite und solange man sich in den Kategorien bewegt ist der Widget "Kategorie" noch schön auf der rechten Seite. Aber sobald man z.B. auf der Indexseite einen Beitrag anklickt um diesen zu kommentieren kommt man ja auf den ganzen Beitrag und da hängt dann der Widget "Kategeorie" viel weiter rechts - am Ar**h der Welt. Nunja ich kann aber ja auch net in der CSS so ohne weiteres rum machen, da wenn ich hier die margin ändere es sich ja auch auf die index auswirkt.

Wie kann ich da Problem angehen?

Screenies gefällig....

[Blockierte Grafik: http://www.flo-haaf.de/navi_stein.jpg]

[Blockierte Grafik: http://www.flo-haaf.de/navi2_stein.jpg]

http://steinblog.steinindustrie.de

zum einen wohl das, stimmt, aber die navi ist in beiden <div class="navigation"> oder nicht?

€// da passt ja auch irgendwas net, wenn man auf diese single.php geht sieht man dass erst der beitrag kommt, dann die ganzen navipunkte und die drücken dann das kommentarfeld nach unten. ist das so gewollt? kann ich mir nicht vorstellen. das verlängert die seite nur künstlich. aber die navi liegt jetzt auch net im falschen container meines erachtens.

€²// ich hab jetzt mit <div id="sidbar_sub"><?php get_sidebar(); ?></div> einen neuen container rum gelegt und ihn ausgerichtet. erstens glaube ich nicht dass des sauber ist und zweitens hat es mein problem nicht verbessert. jetzt doch mal hier die single.php und die style.css

ja also hier erst mal die beiden

Zitat

<?php get_header(); ?>
<div id="sidbar_sub"><?php get_sidebar(); ?></div>
<div id="content_sub" class="widecolumn">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="navigation">
<div class="alignleft"><?php previous_post_link('&laquo; %link') ?></div>
<div class="alignright"><?php next_post_link('%link &raquo;') ?></div>
</div>

<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2><?php the_title(); ?></h2>
<div class="entry">
<?php the_content('<p class="serif">' . __('Read the rest of this entry &raquo;', 'kubrick') . '</p>'); ?>

<?php wp_link_pages(array('before' => '<p><strong>' . __('Pages:', 'kubrick') . '</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
<?php the_tags( '<p>' . __('Tags:', 'kubrick') . ' ', ', ', '</p>'); ?>
</div>
</div>
<?php comments_template(); ?>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.', 'kubrick'); ?></p>
<?php endif; ?>
</div>

<?php get_footer(); ?>

Alles anzeigen

und noch die styledatei

Zitat

/* Begin Typography & Colors */
body {
font-size:12px;
font-family: Arial, Verdana, Geneva, sans-serif;
background: #d5d6d7 url('images/kubrickbgcolor.jpg');
color: #000;
text-align: center;
}
#page {
background-color: white;
border: 0px solid #959596;
text-align: left;
}
#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}
#headerimg {
margin: 7px 9px 0;
height: 249px;
width: 740px;
}
#content {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
margin-left: 0px;
}

#content_sub {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
margin-top: 20px;
margin-left: 50px;
}
.widecolumn .entry p {
font-size: 1.05em;
border: 0px dashed #000;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
border: 0px dashed #000;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}
.even, .alt {
border-left: 1px solid #ddd;
}
#footer {
background: #eee url('images/kubrickfooter.jpg') no-repeat top;
border: 0px dashed #000;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000;
height: 197px;
width: 760px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}

#footertext {
border: 0px dashed #000;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000;
padding-left: 30px;
padding-top: 75px;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
font-weight: bold;
}
h1, h2, h3 {
font-family: Arial, Verdana, Geneva, sans-serif;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.6em;
font-color:
}
h2.pagetitle {
font-size: 1.6em;
}
#sidebar {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 1.2em;
color:#FFF;
}
#sidbar_sub {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 1.2em;
color:#FFF;
border: 1px solid #000;
margin-left: 545px;
}
#sidebar h2 {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 0.0em;
color:#FFF;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #006699;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #000;
font-weight: bold;
text-decoration: none;
}
.commentlist li, #commentform input, #commentform textarea {
font-family: Arial, Verdana, Geneva, sans-serif;
}
.commentlist li ul li {
font-size: 1em;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: Arial, Verdana, Geneva, sans-serif;
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font: 1em Arial, Verdana, Geneva, sans-serif;
color:#FFF;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #FFF;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}
a:hover {
color: #147;
text-decoration: underline;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em Arial, Verdana, Geneva, sans-serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */

/* Begin Structure */
body {
margin: 0 0 20px 0;
padding: 0;
}
#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}

.pagenav {
border: 0px dashed #000;
}
#header {
background-color: #73a0c5;
margin: 0 0 0 1px;
padding: 0;
height: 249px;
width: 758px;
}
#headerimg {
margin: 0;
height: 249px;
width: 100%;
}
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
.widecolumn {
border: 2px dashed #FF6699;
padding-top: 0px;
padding-left: -100px;
width: 450px;
line-height: 1.6em;
}
.post {
margin: 0 0 40px;
text-align: justify;
}
.post hr {
display: block;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: both;
}
.clear {
clear: both;
}
/* End Structure */
/* Begin Headers */
h1 {
padding-top: 70px;
margin: 0;
}
h2 {
margin: 30px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
text-decoration: none;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */

Alles anzeigen

der rest - hoffentlich bringts auch was.

Zitat

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */

/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {

display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
border: 0px dashed #000;
background: url('images/suchen.jpg') no-repeat top;
height: 85px;
width: 197px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform {
border: 0px dashed #000;
margin: 5px 10px 0 0;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */

/* Begin Sidebar */
#sidebar
{
border: 0px dashed #000;
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}
#sidebar_sub
{
border: 0px dashed #000;
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
border: 0px dashed #000;
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
border: 0px dashed #000;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */

.logo2 {
background: url('images/pfeil_rechts.gif') no-repeat right middle;
padding: 10px 50px 15px 5px;
}
.logo2:hover {
background: url('images/pfeil_rechts.gif') no-repeat right middle;
padding: 10px 50px 15px 5px;
}
#headerimg{cursorointer;}
#sidebar .widget_categories {
border: 0px #000 dashed;
background: url('images/cat.jpg') no-repeat top;
height: 195px;
width: 189px;
padding-top: 35px;
padding-left: 10px;
}
#sidebar .widget_archive {
color: #FFF;
border: 0px #000 dashed;
background: url('images/archiv.jpg') no-repeat top;
height: 185px;
width: 189px;
padding-top: 35px;
padding-left: 10px;
}

Alles anzeigen

nichts unverständlich aber es funktioniert nicht. habs probiert.

h5n1oo7

was meinst du damit? ich hab doch kurz vorher links zu meinen blog gepostet: [COLOR=#0066cc]http://steinblog.steinindustrie.de[/COLOR]

kann mir keiner helfen? :confused: ich komm da mit dem problem einfach net weiter. hauptseite alles roger, kategorieseiten alles verschoben.

haa haaa haaaaaaaa es geht :-)

ich hab einfach den fehler gemacht die ganze zeit, dass ich versucht habe die sidebar.php zu includen. nun habe ich - wie du vorgeschlagen hast, einfach den ganzen sidebar.php <div> kopiert und in die single.php eingebunden.

und es funkt! wunderbar - aber wie ist das jetzt wenn was neues dazu kommt? wird das dann auch in diesem container rein generiert?