ab dem 3. newsbeitrag titel zu groß?

lagstar

hi, habe folgendes prob,

die ersten beiden news sind wie sie sollten mit der breite, doch ab der dritten, bzw wahrscheinlich einer besimmten seitenlänge, fängt an der 3. newsbeitrag "titelbg" sich zu verziehen und über das ganze design zu gehen, bzw. auchnoch über die navigation, siehe hier:

nO_faKe

wäre nett wenn mir jemand helfen kann, vielleicht ist irgentwo eingestellt width 100% oder so, bzw. nur die ersten beiden news festgelegt, was auch immer?!

achja wie es normal mit diesem "titel-background" aussieht seht ihr z.B. bei "Geschichte"... so sollte das untereinander als news aufgelistet sein...

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

lagstar

update: also ich habe mal mehrere testnews hinzugefügt, wie man sieht passiert das ab dem 3. beitrag, die beiträge werden breiter und breiter...

komisiche sache...

Olafb

Da ist die H2 nicht korrekt geschlossen:

HTML

<h2>
<span class="comments">
<a href="http://www.nofake-gaming.de/blog/?p=9#respond" title="Kommentiere as das">0</a>
</span>


<div class="entry">
<a href="http://www.nofake-gaming.de/blog/?p=9" rel="bookmark" title="Permanent Link to as das">as das</a>
</h2>

Das </h2> gehört weiter hoch nach dem </span> müsste in index.php zu finden sein.
Auch sonst sind reichlich Fehler drin....

lagstar

ah habs schon, danke trotzdem ;) es war ein </div> zuviel in der index.php... das hat irgentwie gesponnen...

jetzt muss ich nur die schrift die kleiner wird (kA wieso, ab dem 3. beitrag) berichtigen, hat wer ne ahnung?

lagstar

push, wieso die schrift kleiner wird weiß wohl keiner :> ?

Annalena

Hi, guten morgen, stell doch bitte einmal Deine CSS rein.

Könnte sein, das da was mit dem "small" nicht stimmt.

Danke
Annalena

hero-master

small-Tag schließen ;)

lagstar

CSS:

CSS

/*
Theme Name: ABAC
Theme URI: http://www.nikynik.com
Description: My new wordpress theme ported from Drupal Abac theme by <a href="http://www.artinet.ru/">Artinet.ru</a>
Author: Nicola Laviola
Author URI: http://www.nikynik.com
/*-------------------------*/


* { margin: 0; padding: 0; }
Body { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 0.74em Arial, sans-serif; COLOR: #999; PADDING-TOP: 0px;}
#page { BACKGROUND: #292929; MARGIN: 0px auto; PADDING-BOTTOM: 10px; WIDTH: 740px;}
#header { CLEAR: both; BACKGROUND: url(images/dotted.gif) #292929 repeat-x 50% bottom; MARGIN: 0px 20px; WIDTH: 700px; HEIGHT: 49px;}
.menu { FONT-SIZE: 11px; FLOAT: left; WIDTH: 455px;}
.menu UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 20px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none;}
.menu LI {DISPLAY: inline;}
.menu LI A {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #008AFF; PADDING-TOP: 20px; TEXT-DECORATION: none;}
.menu LI A:hover {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #ccc; PADDING-TOP: 20px; BORDER-BOTTOM: #008AFF 4px solid; BACKGROUND-COLOR: #5b5b5b; TEXT-DECORATION: none;}
.centrale {    CLEAR: both; BACKGROUND: url(images/dotted.gif) #292929 repeat-x 50% bottom; MARGIN: 0px 20px; WIDTH: 700px; HEIGHT: 166px;}
.centrale .logo {    FLOAT: left; WIDTH: 245px; HEIGHT: 165px;}
.centrale .welcome {    MARGIN-TOP: 40px; FLOAT: left; WIDTH: 455px;}
.welcome h1 span {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 32px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #008AFF; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -3px;}
.welcome h1 a {FONT-WEIGHT: bold; FONT-SIZE: 32px; COLOR: #7f7f7f; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -3px; TEXT-DECORATION: none;}
.welcome p {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px;}
.welcome a {COLOR: #008AFF; TEXT-DECORATION: none;}
.welcome a:hover {COLOR: #008AFF; TEXT-DECORATION: none;}
#wrapper {PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 455px; PADDING-TOP: 8px;}
span.tagcloud a {text-decoration:none;line-height:150%; /* or whatever it is (: */text-align:justify;}
.mission { MARGIN-BOTTOM: 10px; TEXT-ALIGN: justify;}
.cont {CLEAR: both;}
#content { }
#content P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px}
#content H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; BACKGROUND: url(images/dotted.gif) repeat-x 50% bottom; PADDING-BOTTOM: 12px; MARGIN: 10px 0px; COLOR: #008AFF; LINE-HEIGHT: 1em; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none}
#content H1 A {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; BACKGROUND: url(images/dotted.gif) repeat-x 50% bottom; PADDING-BOTTOM: 12px; MARGIN: 10px 0px; COLOR: #008AFF; LINE-HEIGHT: 1em; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none}
#content H1 A:hover {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #008AFF; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none}
#content H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 2px; MARGIN: 8px 0px; BORDER-LEFT: #008AFF 8px solid; COLOR: #000; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -0.02em; BACKGROUND-COLOR: #5b5b5b}
.it-categories ul {width: 250px;list-style-type: none;margin: 0px;padding: 0px;color: #008AFF;}
.it-categories ul li {display: block;margin: 0px !important;padding: 2px 2px 2px 15px !important;float: left;width: 128px; text-decoration: none;}
.it-categories ul li:hover {background: #666 !important;color: #008AFF; text-decoration: none;}
.it-latest a, .it-popular a, .it-categories ul li a {color: #008AFF; text-decoration: none;}
.it-categories ul li a:hover {color: #008AFF;text-decoration: none;}
#footer {width: 100%;clear: both;} 
.copy {FONT-SIZE: 12px; MARGIN: 0 20px; COLOR: #404040;}
.copy A {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; COLOR: #292929; PADDING-TOP: 0px; BACKGROUND-COLOR: #404040; TEXT-DECORATION: none;}
.bottom {CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; MARGIN: 0 20px; COLOR: #ccc; PADDING-TOP: 0px; BORDER-BOTTOM: #404040 2px solid; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-ALIGN: right;}


/*-------------The Post-------------*/
ul, ol  {margin:1em 0;line-height:1.8em; padding-left:8px;}
ol li {margin-left:1.2em;}
ul {padding-left:1.2em;list-style-type: disc;}
.post {BORDER-RIGHT: #000 1px solid;PADDING-RIGHT: 15px;BORDER-TOP: #000 1px solid;PADDING-LEFT: 15px;MARGIN-BOTTOM: 10px;PADDING-BOTTOM: 15px;BORDER-LEFT: #000 1px solid;PADDING-TOP: 8px;BORDER-BOTTOM: #000 1px solid;BACKGROUND-COLOR: #404040;}
.post H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 2px; MARGIN: 8px 0px; BORDER-LEFT: #008AFF 8px solid; COLOR: #000; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -0.02em; BACKGROUND-COLOR: #5b5b5b;}
.post H2 A {COLOR: #000; TEXT-DECORATION: none; }
.post H2 A:hover {COLOR: #008AFF; }
.comments {background-image: url(images/Comments.png);background-repeat:no-repeat;font:11px;display:block;padding-left:16px;padding-top:2px;padding-right:16px;float:right;}
.comments a {font-size:12px;font-weight:bold;color:#999;text-decoration:none;border-bottom-style:none;}
.comments a:hover {text-decoration:none;color:#555;border-bottom-style:none;}
.navigation {PADDING-RIGHT: 0px;PADDING-LEFT: 0px;FONT-WEIGHT: normal;FONT-SIZE: 11px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #008AFF; PADDING-TOP: 6px; BORDER-BOTTOM: #666 2px solid; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.navigation A {COLOR: #666; TEXT-DECORATION: none;}
.alignleft {float: left;}
.alignright {float: right;}
blockquote  {clear: both;padding: 1em 1em 1em 2.5em;margin: 1em 0 1em 0; font:italic 1.2em Georgia, "Times New Roman", Times, serif;line-height: 1.4em;background: url(images/right_quotes.png) left top no-repeat;}
A {COLOR: #bbb;}
A:hover {COLOR: #008AFF;}
p {MARGIN: 5px 0px;}
IMG {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px;}


#sidebar { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 200px; COLOR: #666; PADDING-TOP: 0px; }
#sidebar h3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #008AFF; PADDING-TOP: 10px; BORDER-BOTTOM: #666 2px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -1px;text-decoration: none; }
#sidebar ul {     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
#sidebar li { display: block; padding: 4px 10px; BACKGROUND: url(images/dotted.gif) repeat-x 50% bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }
#sidebar LI A {PADDING-RIGHT: 0px; DISPLAY: block;PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #999; PADDING-TOP: 2px; TEXT-DECORATION: none;}
#sidebar li:hover { background: #002A4D; }
#sidebar H2 {color: #008AFF;font-size: 12px;text-align: right;}
#sidebar P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/dotted.gif) repeat-x 50% bottom; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px;}
#sidebar P A {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #999; PADDING-TOP: 4px; TEXT-DECORATION: none;}
#sidebar P A:hover {COLOR: #008AFF; TEXT-DECORATION: none;}


/* comment */
.graybox{ background: #404040; }
ol#commentlist li {margin:0; list-style-type:none;}
ol#commentlist p {line-height:1.2em;  margin-bottom:5px;}
ol#commentlist .commentbox {padding:6px; margin-bottom:10px; background:#161a1d; }
ol#commentlist .comment-time {font:10px verdana;}
.gravatar {float:right;padding: 3px;border: 1px solid #000;background: #fff; }
.recent_grav{background-color: #fff;margin: -5px 8px 3px 10px;padding: 3px;border: 1px;border-style: solid;border-color: #404040;}


/*--------------Search Form-------------*/
.search {MARGIN-TOP: 14px; FLOAT: right;}
.search P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 14px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: right;}
    }

Alles anzeigen

und was meint ihr mit small-tag schließen? wo den?

lagstar

2. teil style.css

Code

/* FORM */
INPUT.text {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #fff; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 130px; COLOR: #777; BORDER-BOTTOM: #ccc 1px solid;}
INPUT.text:hover {BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid;}
INPUT.form-submit {padding:3px; BORDER: #5b5b5b 1px solid;BACKGROUND: #000;   COLOR: #008AFF;   font:bold 10px;}
FIELDSET {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid;}
TEXTAREA.text {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ccc 1px solid; WIDTH: 90%; COLOR: #444; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 150px;}
TEXTAREA.text:hover {BORDER-RIGHT: #bbb 1px solid; BORDER-TOP: #bbb 1px solid; BACKGROUND: #fffff4; BORDER-LEFT: #bbb 1px solid; COLOR: #000; BORDER-BOTTOM: #bbb 1px solid;}
INPUT.field {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 200px; COLOR: #444; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff;}
INPUT.field:hover {BORDER-RIGHT: #bbb 1px solid; BORDER-TOP: #bbb 1px solid; BACKGROUND: #fff; BORDER-LEFT: #bbb 1px solid; COLOR: #444; BORDER-BOTTOM: #bbb 1px solid;}
INPUT.button {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #f4f4f4; BORDER-LEFT: #ccc 1px solid; COLOR: #555; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.form-text, .form-textarea, .form-file, .form-select  {font:bold 10px;  padding:3px;  color:#666;     BACKGROUND-COLOR: #000; BORDER: #5b5b5b 1px solid;}
legend {padding-left:7px;    padding-right:7px;    font-style:italic;    font-size:16px;        color:#333333;}
fieldset {margin-bottom:15px;    padding:14px; padding-left:25px; border:1px solid #c0beb3;}
#searchform {padding: 0 0 0 1em;}
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; }
h1 { font-size: 26px; }
h2 { font:16px Arial;letter-spacing:-1px; margin-left:40px;}
h3 { font: 14px Arial;letter-spacing:-1px; color: #ccc;  }
h4, h5, h6 { font-size: 11px; font-weight:bold; color:#999;}
/*-------------Share this------------------*/
.akst_link {background: url(images/shthis.png) no-repeat 1px 0;padding: 1px 0 3px 22px;}
/*-------------Other------------------*/
hr {display: none;}
div.pagination {
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    
    color: #fff;
}


div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    background-color:#3e3e3e;
    text-decoration: none; /* no underline */
    color: #fff;
}
div.pagination a:hover, div.pagination a:active {
    background-color:#ff6600;
    color: #fff;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
        font-weight: bold;
        background-color: #313131;
        color: #fff;
    }
div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        background-color:#3e3e3e;
        color: #868686;

Alles anzeigen

Olafb

Ich darf mal ein Stück aus deinem Code zitieren:

HTML

</small><p><small>d as dasd asd asd asd as as<br>
as<br>
as</small></p>
<p><small>ad<br>
 s<br>
dasdassdads</small></p>


<small>                                </small></div>


<small>                




</small>

Alles anzeigen

Einfach mal beliebig ein Stück ausgeschnitten ;)

Ich wieß dich weiter oben auch auf was hin, bereinige deinen Code....

lagstar

HABS, war doch in der index ein kleines bisschen zu weit unten das </small> :)

danke alle, close ;)

Olafb

Result for http://www.nofake-gaming.de/blog/ - W3C Markup Validator
Ohne weiteren Kommentar :???:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

ab dem 3. newsbeitrag titel zu groß?

Jetzt mitmachen!