Wordpress Template

21.08.2005, 13:39

Ich hoffe ich habe das richtige Forum erwischt.

Und zwar hab ich mal versucht ein Template für Wordpress zu bastlen. Dazu hab ich mir ein bereits vorhandes Template genommen und mit Erlaubnis des Erstellers an meine Bedürfnisse angepasst.

Allerdings muss ich noch nen Fehler drin haben. Ich weiß aber nicht ob sich der in der CSS befindet.

Und zwar kann man die Seite, bzw. den Blog zu noch weiter nach unten scrollen obwohl der Blog an sich klein ist. Kann mir hier jemand weiterhelfen und mir sagen wo der Fehler liegt?

MfG

XLB · 21.08.2005, 14:11

Sei gegrüßt ...

Wäre schon töfte, wenn du dem Forum die "relevanten" Code-Teile zur Ansicht zur verfügung stellen könntest.

Bis denne,
Axel

21.08.2005, 14:48

Sorry, tut mir Leid.

Ganz vergessen:

Code:

*, body, table{
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;
	font-family:Arial, sans-serif, serif;}

html, body{
	height:100%;}
	
h1, h2, h3, h4, h5, h6, p{
	line-height:100%;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;}
	
img{
	border:0;
	text-decoration:none;
	margin:0;
	padding:0;}

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #e0e0e0;
	font-size: 13px;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	padding: 20px 0;
}

a {
	color: #000000;
	text-decoration: none;
}

acronym {
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #000000;
}

blockquote {
	border-left: 1px solid #6993e7;
	padding-left: 10px;
	margin: 0 30px;
}

code {
	color: #000000;
	text-align: left;
}

h1, h1 a {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	margin: 40px 0 0 0;
	padding: 0;
	text-decoration: none;
}

h2, h2 a {
	color: #fcff00;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
}

h3 {
	color: #ffffff;
	font-size: 13px;
	margin: 15px 0 15px 0;
	padding: 0;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ol, form {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: circle;
}

p {
	line-height: 1.5em;
	text-align: justify;
	display:block;

}

small {
	font-size: 10px;
	line-height: 1.2em;
}

#comment {
	background: #fff;
	border: 1px solid #729ff4;
	color: #575757;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	width: 350px;
}

#content {
	background: transparent;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0 50px 10px 50px;
	text-align: left;
	width: 540px;
}

#content a:hover {
	text-decoration: none;
	color: #fcff00;
}

#content img {
	float: left;
	margin: 5px 15px 0 0;
	border: 1px solid #a0a0a0;
}

#email, #author {
	background: #ffffff;
	border: 1px solid #6f6f6f;
	color: #575757;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#footer {
	background: transparent url(images/footer.gif) no-repeat bottom center;
	clear: both;
	color: #e8e8e8;
	font-size: 11px;
	height: 35px;
	margin:0;
	padding:0;
}

div#footer p{
	margin:10px 0 0 0;
	padding: 6px 0 0 0;
	text-align:center;
	}

#footer a:hover{
	color: #fcff00;}
	
#page {
	background: transparent url(images/content.gif) repeat-y top center;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 660px;
}

#s {
	background: #ffffff;
	border: 1px solid #a0a0a0;
	color: #575757;
	font-size: 11px;
	height: 15px;
	padding-left: 2px;
	vertical-align: middle;
	width: 115px;
}

#sidebar {
	background: transparent;
	border: none;
	color: #443;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 0 27px 30px 0px;
	text-align: left;
	width: 128px;
}

#sidebar a {
	color: #444433;
}

#sidebar a:hover {
	color: #d7b642;
}

#sidebar h2 {
	color: #005080;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#sidebar li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#noindent {
	margin: 0 0 0 -10px;
	padding: 0;
}

#submit {
	background: #ffffff;
	border: 1px solid #6f6f6f;
	color: #575757;
	font-size: 11px;
	margin: 0;
	padding: 0 10px;
}

#today {
	background: #ffffff;
}

#top {
	background: transparent url(images/header.gif) no-repeat top center;
	height: 115px;
}

#url {
	background: #ffffff;
	border: 1px solid #6f6f6f;
	color: #575757;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}

.commentbody {
	color: #ffffff;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px 15px;
	background: #729ff4;
	border: 1px solid #ffffff;
	position: relative;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink {
	font-size: 10px;
}

.commentlist {
	list-style: none;
}

.commentcount {
	position: absolute;
	right: 36px;
	top: 0;
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	color: #4a6db1;
	float: right;
}

html[xmlns] .commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}

.date {
	color: #000;
	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;
	letter-spacing: 0.09em;
	margin: 0 0 10px 0;
	padding: 0 0 0 2px;
}

.navigation {
	font-size: 11px;
	padding: 40px 0 0 0;
}

.pagetitle {
	font-size: 11px;
	letter-spacing: 0.09em;
	text-align: right;
}

.postmetadata {
	color: #000000;
	font-size: 11px;
	letter-spacing: 0.09em;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}

.postmetadata a {
	color: #000000;
}

Das ist meine CSS ... wenn es denn daran liegen sollte ?!

21.08.2005, 14:58

Also wenn ich dein Problem richtig verstanden habe, bezweifle ich, dass das an der CSS-Datei liegt, weil die mit sowas garnix zu tun hat...

21.08.2005, 15:38

Ich hätte vlt. noch die Webadresse hinzuschreiben sollen. Bin heute etwas neben der Spur.

http://www.ferienwohnung-rau.de/wp/

Viellcht hilft das zur Problemerklärung.

XLB · 21.08.2005, 16:38

Du wunderst dich über den vertikalen Scrollbalken, obwohl der (sichtbare) Content nicht über den unteren Browserrand hinausragt ...?

Kommentiere (steht ziemlich oben)

Code:

html, body{
   height:100%;}

das mal raus, indem du // davor schreibst, Säh dann so aus :

Code:

//html, body{
   height:100%;}

Sollte dann gehen. Allerdings generiert WordPress reichlich merkwürdiges CSS. Daher bin ich mir net sicher, ob noch andere "Nebeneffekte" zu sehen sein werden.

Noch was: Der IE bastelt sich immer einen vertikalen Scrollbalken. Könntest das mit overflow:auto verhindern (ganz oben)

Code:

*, body, table{
   margin:0;
   padding:0;
   border:0;
   vertical-align:bottom;
   font-family:Arial, sans-serif, serif;
   overflow:auto}

Das davon auch Tabellen betroffen sind, sollte eigentlich nicht weiter tragisch sein.

Probiers's halt mal aus ...

@Firzen2510

Die CSS-Datei, bzw. die darin definierten CSS-Formate+Attribute bestimmen das Seitenlayout erheblich (wenn nicht gar zu 100%) . Tritt ein solches "Phänomen" auf, ist die Wahrscheinlichkeit den Grund dafür im CSS-Code zu finden schon beträchtlich.

21.08.2005, 16:49

Danke dir, hat geklappt

Der IE .... oh man der stellt noch nichtmal die Menüleiste vernünftig dar.

XLB · 21.08.2005, 17:39

Zitat:

Zitat von Benijamino

der stellt noch nichtmal die Menüleiste vernünftig dar.

Hat der IE das denn vorher (vor den Änderungen am CSS-Code) getan ?

22.08.2005, 11:21

ne ... leider nicht

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Datenbankfelder direkt im Template verfügbar	phpbeginner	Datenbanken	3	29.07.2006 20:30
Eckige Klammern in Template	nutshell	PHP Tipps 2006	9	05.06.2006 19:12
template mit funktion einlesen	imported_kremser	PHP Tipps 2006	16	03.02.2006 00:43
Smarty: Variable als Template ausgeben	duderino	PHP Tipps 2006	11	08.01.2006 18:43
template in template einfuegen	tonne	PHP Tipps 2005-2	8	10.11.2005 22:24
Template Error: set_root: ./tpl/ is not a directory	argon	PHP Tipps 2007	11	01.11.2005 14:30
Template System oder Lösung gesucht		PHP Tipps 2005	14	21.05.2005 22:07
Template verständniss problem; referenz		PHP Tipps 2005	17	19.05.2005 06:06
Template: Verschachteln von foreach		PHP Tipps 2005	2	12.05.2005 15:37
Smarty Problem (Template Laden)	JanM	PHP Tipps 2005	5	11.05.2005 16:36
Php Code als Variable definieren und in Template darstellen		PHP Tipps 2004-2	4	31.12.2004 16:22
suche ein bestimmtes template system		PHP Tipps 2004-2	2	07.11.2004 19:49
[Erledigt] Template Parser		PHP-Fortgeschrittene	9	06.10.2004 23:04
Suche Template Parser - Muss PHP Datein includen können	Schaelle	PHP Tipps 2004	0	01.07.2004 20:48
[Erledigt] Template Scripting		PHP-Fortgeschrittene	2	04.06.2004 18:34

21.08.2005, 13:39
Gast Beiträge: n/a	Wordpress Template Ich hoffe ich habe das richtige Forum erwischt. Und zwar hab ich mal versucht ein Template für Wordpress zu bastlen. Dazu hab ich mir ein bereits vorhandes Template genommen und mit Erlaubnis des Erstellers an meine Bedürfnisse angepasst. Allerdings muss ich noch nen Fehler drin haben. Ich weiß aber nicht ob sich der in der CSS befindet. Und zwar kann man die Seite, bzw. den Blog zu noch weiter nach unten scrollen obwohl der Blog an sich klein ist. Kann mir hier jemand weiterhelfen und mir sagen wo der Fehler liegt? MfG


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.08.2005, 14:11
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Sei gegrüßt ... Wäre schon töfte, wenn du dem Forum die "relevanten" Code-Teile zur Ansicht zur verfügung stellen könntest. Bis denne, Axel

21.08.2005, 14:58
Gast Beiträge: n/a	Also wenn ich dein Problem richtig verstanden habe, bezweifle ich, dass das an der CSS-Datei liegt, weil die mit sowas garnix zu tun hat...

21.08.2005, 15:38
Gast Beiträge: n/a	Ich hätte vlt. noch die Webadresse hinzuschreiben sollen. Bin heute etwas neben der Spur. http://www.ferienwohnung-rau.de/wp/ Viellcht hilft das zur Problemerklärung.

21.08.2005, 16:38
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Du wunderst dich über den vertikalen Scrollbalken, obwohl der (sichtbare) Content nicht über den unteren Browserrand hinausragt ...? Kommentiere (steht ziemlich oben) Code: html, body{ height:100%;} das mal raus, indem du // davor schreibst, Säh dann so aus : Code: //html, body{ height:100%;} Sollte dann gehen. Allerdings generiert WordPress reichlich merkwürdiges CSS. Daher bin ich mir net sicher, ob noch andere "Nebeneffekte" zu sehen sein werden. Noch was: Der IE bastelt sich immer einen vertikalen Scrollbalken. Könntest das mit overflow:auto verhindern (ganz oben) Code: *, body, table{ margin:0; padding:0; border:0; vertical-align:bottom; font-family:Arial, sans-serif, serif; overflow:auto} Das davon auch Tabellen betroffen sind, sollte eigentlich nicht weiter tragisch sein. Probiers's halt mal aus ... @Firzen2510 Die CSS-Datei, bzw. die darin definierten CSS-Formate+Attribute bestimmen das Seitenlayout erheblich (wenn nicht gar zu 100%) . Tritt ein solches "Phänomen" auf, ist die Wahrscheinlichkeit den Grund dafür im CSS-Code zu finden schon beträchtlich.

21.08.2005, 16:49
Gast Beiträge: n/a	Danke dir, hat geklappt Der IE .... oh man der stellt noch nichtmal die Menüleiste vernünftig dar.