Häääh... wie können statische Seiten und Beitragsseiten so unterschiedlich sein?

Ashy

Schaut mal:

Wieso sieht das derart anders aus? | "Homeseite"

CSS-Datei:

Code

/* 
	Theme Name: Gladiola
	Theme URL: http://www.briangardner.com/themes/gladiola-wordpress-theme.htm
	Description: Gladiola is a pristine, 2-column theme created for Wordpress.
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 01.11.07
			First Release of Gladiola
*/




body {
	width: 780px;
	background: #ffffff;
	color: #333333;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #AD301C;
	color: #333333;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/


a, a:visited{
	color: #65A03A;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/


#header {
	background: #FFFFFF url(images/header.gif);
	width: 780px;
	height: 150px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#header a {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-size: 48px;
	color: #333333;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}


#header a:hover{
	color: #333333;
	}
	
/************************************************
*	Navbar      								*
************************************************/


#navbar {
	background: #87C659;
	width: 780px;
	margin: 0px auto 0px;
	padding: 3px 0px 3px 0px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbar ul li a {
	font-family: Trebuchet MS, Verdana;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
	margin: 0px;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	}


#navbar ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
/************************************************
*	Sidebar      								*
************************************************/


#sidebar {
	background: #AD301C;
	float: left;
	width: 150px;
	margin: 0px;
	padding: 15px 0px 20px 0px;
	}


#sidebar h2 {
	color: #B862A1;
	font-size: 12px;
	font-family: Arial, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 15px 0px 5px 10px;
	margin: 0px;
	border-bottom: 1px dotted #B862A1;
	text-transform: uppercase;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	}
	
#sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#sidebar ul li a {
	color: #333333;
	text-decoration: none;
	}


#sidebar ul li a:hover {
	color: #65A03A;
	text-decoration: underline;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/


#content {
	background: #AD301C;
	width: 780px;
	margin: 0px auto 0px;
	padding: 0px;
	}


#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content h1 {
	color: B862A1;
	font-size: 18px;
	font-family: Trebuchet MS, Verdana;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
#content h1 a  {
	color: #B862A1;
	text-decoration: none;
	}


#content h1 a:hover {
	color: #D5A8C9;
	text-decoration: none;
	}
	
#content h3 {
	color: #333333;
	font-size: 14px;
	font-family: Times New Roman, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}
	
#content p ol{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}
	
#content p ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}
	
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 3px solid #65A03A;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
#contentmiddle {
	background: #AD301C;
	float: right;
	width: 580px;
	margin: 0px;
	padding: 20px 20px 20px 20px;
	}
	
#contentmiddle p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#contentmiddle ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#contentmiddle ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#contentmiddle ul li a {
	color: #507AA5;
	text-decoration: none;
	}


#contentmiddle ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}
	
/************************************************
*	Footer      								*
************************************************/


#footer {
	background: #87C659;
	color: #FFFFFF;
	width: 780px;
	margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	}
	
#footer a, #footer a:visited{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footer a:hover{
	text-decoration: none;
	}


/************************************************
*	Search Form									*
************************************************/


#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 170px;
	background: #FFFFFF;
	color: #333333;
	font-size: 11px;
	font-family: Georgia, Helvetica, Sans-Serif;
	padding: 2px;
	margin: 7px 0px 0px 10px;
	border: 1px solid #C0C0C0;
	}


/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 395px;
	background: #F2E2EE;
	color: #333333;
	float: left;
	padding: 10px 20px 0px 20px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #C0C0C0;
	}
	
ol#commentlist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}


.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}


.commentinfo{
	clear: both;
	}


.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 365px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}


.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 365px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}


#commentsformheader{
	padding-left: 0px;
	}


#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0px;
	}


#commentsform form{
	text-align: left;
	margin: 0px;
	}


#commentsform p{
	margin: 0px;
	}


#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

Alles anzeigen

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

SuMu

schreib doch mal mehr text

Ashy

Gut, mehr Text. Die "Homeseite" mit den Beiträgen halt, soll genauso aussehen, wie die statische Seite, sprich alles schön "zusammenhängend". Aber immer wenn ich was ausprobiere, zerstöre ich alles.

Ashy

Übrigens, es sieht nur im Safari und im Firefox anderss aus. Im IE ist es perfekt :evil:, sehe ich grad an einem PC - ich selber besitze Mac.

Ashy

Was müsste ich denn da jetzt machen, dass es im Firefox und Safari auch so ausschaut?

Ashy

Wenn sich doch noch wer findet, der zusammen mit mir das Problem löst (meinetwegen auch per PN oder Mail), dem bin ich unendlich dankbar!

Woodstock

Meinst du den roten Hintergrund, der in der Sidebar nicht bis nach unten geht? Mach dir am besten eine Grafik dafür, in der Breite deines #wrap und 10 Pixel hoch, fülle sie mit der Farbe #AD301C, speichere sie als background.gif oder ähnlich ab und binde sie dann so ins Stylesheet ein:

HTML

#wrap {
	background: #AD301C url('background.gif');
	...
	}

Den Pfad zu der Grafik musst du anpassen, je nachdem wohin du das Bild gespeichert hast.

Ashy

Hallo Woodstock

Merci, für deine Antwort. Das könnte ich so machen, stimmt :) Würde aber es nicht einfacher gehen, also mit einem CSS-Befehl?

Nun nochmals genauer, ahbe extra Screenshots gemacht.

Screenshot 1 - wieso ist die Navigation da nicht an dem Content angepasst? Im IE ist es halt so...

Screenshot 2 - und wieso ist das da am Content angepasst und auch am Footer? Gut, da ist nun kein Inhalt drin, aber selbst wenn Inhalt drin ist, passt sich das alles problemlos an.

Liebs Grüessli
Nadine

Putzlowitsch

Ganz einfach, das "search this site..."-Feld ist zu breit, würde ich sagen. Damit schiebt es den Inhalt, sofern er weiter runter als das Feld reicht (Startseite), einfach ein Stück nach rechts. Wenn praktisch gar kein Text dasteht (statische Seite), passiert das halt nicht.

Gruß
Ingo

Ashy

Probiere das grad mal aus. Aber schrieb ja noch, dass es bei den statischen Seiten auch nicht zu Verschiebungen kommt, wenn viel Inhalt drin ist :???:

Ashy

Habe das Search-Feld nun extrem verkleinert, aber daran lag es nicht. Ich weiss echt nicht, wieso das so dumm ist? Ich würde auch gern andere Dateien zeigen, wenn man die bräuchte.

Putzlowitsch

Ich hatte nur diese Vermutung, weil bei der Startseite im IE6 zwar die Lücke nicht da ist, dafür aber die Sidebar ganz nach unten rutscht. Da weiß ich erstmal auch nicht weiter.

Gruß
Ingo

Ashy

Bei dem IE wo ich nachgeschaut hatte (müsste die neuste Version sein, da der PC erst ca. ein Monat alt ist mit Vista), ging alles problemlos.

Und da soll mir noch einer sagen CSS ist so stabil :mrgreen:

Woodstock

Zitat von Ashy

Hallo Woodstock
Merci, für deine Antwort. Das könnte ich so machen, stimmt :) Würde aber es nicht einfacher gehen, also mit einem CSS-Befehl?

Das IST doch CSS. Aber du hast mittlerweile schon irgendwas geändert, oder? Ich sehe mit dem Firefox keinen weißen Hintergrund mehr.

Ashy

Ja, das Problem wurde gestern behoben :-D
Dass das schon CSS ist, weiss ich ja, aber ich meinte, ob es nicht noch einen zusätzlichen Befehl geben würde, der gehen würde. War dann auch so,man musste in die index.php und in die home.php bei der sidebar noch ein "clear" eingeben, dann ging es!

Liebs Grüessli
Nadine

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Häääh... wie können statische Seiten und Beitragsseiten so unterschiedlich sein?

Jetzt mitmachen!