Beiträge von bernhard

bernhard

Hallo zusammen,

im Firefox und Opera wird mein angepasstes Kubrick-Theme richtig dargestellt. Beim Internet Explorer hingegen fällt alles auseinander.

So sieht das ganze momentan aus: http://195.176.254.164/da/blog/

Die Sidebar rutscht nach unten,
der Header wird horizontal auseinander gerissen
und die Gesamtbreite ist zu gross.

Da ich vor diesem Layout noch nicht mit CSS gearbeitet habe, bin ich froh um jeden Hinweis, woher diese Fehler kommen könnten.

Hier hab ich mal einen Auszug aus dem header.php:

PHP

</style>


<?php wp_head(); ?>
</head>
<body>


<div id="header">
	<div id="header_lo">
		<img src="wp-content/themes/da/images/header_bg_lo.gif" border="0" alt="DA">
	</div>
	<div id="header_mo">
		<img src="wp-content/themes/da/images/header_bg_mo.jpg" border="0" alt="asdf" usemap="#header_bg_mo">
		<map name="header_bg_mo">
			<area shape="rect" coords="0,10,191,33" href="http://195.176.254.164/da/wiki/pmwiki.phpda" alt="asdf" title="asdf">
			<area shape="rect" coords="572,3,742,33" href="http://195.176.254.164/da/wiki/pmwiki.phpmo" alt="asdf" title="asdf">
		</map>
	</div>
	<div id="header_ro">
		<img src="wp-content/themes/da/images/header_bg_ro.gif" border="0" alt="DA" usemap="#header_bg_ro">
		<map name="header_bg_ro">
			<area shape="circle" coords="0,33,29" href="http://195.176.254.164/da/wiki/pmwiki.phpro" alt="asdf" title="asdf">
		</map>
	</div>
	<div id="header_unten">
		<img src="wp-content/themes/da/images/header_bg_u_mit_navi.jpg" border="0" alt="asdf" usemap="#header_bg_u">
		<map name="header_bg_u">
			<area shape="rect" coords="0,0,191,5" href="http://195.176.254.164/da/wiki/pmwiki.phpda" alt="asdf" title="asdf">
			<area shape="rect" coords="604,0,800,120" href="http://195.176.254.164/da/wiki/pmwiki.phpu" alt="asdf" title="asdf">
		</map>
	</div>
</div> <!-- /header -->


<div id="page">

Alles anzeigen

Und hier aus dem CSS-Stylesheet:

Code

/* Begin Structure */
body {
	background-image: url("images/body_bg.png");
	}




/* ------------------ 1. Container: Header ----------------- */


#header {
	margin-top: 10px; /* Abstand zum oberen Bildschirmrand */
	margin-right: auto; /* Damit der Header mittig zentriert wird */
	margin-bottom: 0px; /* Abstand nach Header */
	margin-left: auto; /* Damit der Header mittig zentriert wird */
	padding: 0;
	width: 806px;
	height: 153px;
	/*text-align: left;*/
}


#header_lo {
	width: 32px;
	height: 33px;
	/*background-image: url("images/header_bg_lo.gif");*/
	float: left;
}


#header_mo {
	width: 742px;
	height: 33px;
	/*background-image: url("images/header_bg_mo.jpg");*/
	float: left;
}


#header_ro {
	width: 32px;
	height: 33px;
	/*background-image: url("images/header_bg_ro.gif");*/
	float: left;
}


#header_unten {
	clear: both;
	width: 806px;
	height: 120px;
	/*background-image: url("images/header_bg_u.jpg");*/
	}


#page {
	background-color: white;
	margin: 0px auto; /* oben und unten 0px, seitlich "auto", damit zentriert */
	padding: 0px 0px 0px 0px;
	width: 806px;
	/*border: 1px solid #959596;*/
	background: url("images/main_bg_o.png");
	}
	
.narrowcolumn { /* Content Postings */
	float: left;
	padding: 18px 16px 23px 16px; /* Innenabstand */
	margin: 0px 16px 23px 19px; /* Aussenabstand */
	width: 539px;
	}


.widecolumn {
	float: left;
	margin: 0px 16px 23px 16px;
	padding: 0px 16px 23px 16px; /* Innenabstand */
	width: 539px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}


.widecolumn .post {
	margin: 0;
	}


.narrowcolumn .postmetadata { /* Abstand Metadaten unter Posting zum Posting */
	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: left;
}




#main_unten { /* Im IE wird es zu hoch angezeigt */
	margin: 0px auto; /* oben und unten 0px, seitlich "auto", damit zentriert */
	width: 806px;
	height: 5px;
	background-image: url("images/main_bg_u.png");
	background-repeat: no-repeat; /* für den IE, da der Container höher als 5px angezeigt wird */
	background-position: bottom; /* für den IE, da der Container höher als 5px angezeigt wird */
	/*background-position: 0px 0px;*/
	/*background-color: fuchsia;*/
}


#clear{
clear: both;
}


#footer {
margin: 0px auto; /* oben und unten 0px, seitlich "auto", damit zentriert */
	padding: 12px 0px;
	width: 800px;
	text-align: center;
	/*clear: both;*/
	/*background-color: fuchsia;*/
	}


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






/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}


h2 { /* Content: Haupt-Titel */
	margin: 0px 0 0;
	}


h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}


#sidebar h2 { /* Sidebar: Überschriften */
	margin: 5px 0 0;
	padding: 0;
	}


h3 {
	padding: 0;
	margin: 30px 0 0;
	}


h3.comments { /* Kommentare: Überschriften wie "Einen Kommentar schreiben" und "Eine Reaktion zu ..." */
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */






/* 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 ul li:before, #sidebar ul ul li:before { /* Anführungszeichen Listen */
	content: "\00BB \0020";
	}


.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 { /* Listen-Blöcke */
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px; /* Abstand nach List-Block vor nächsten Titel */
	}


#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}


#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px; /* Abstand oberhalb Listen-Blöcke zum Titel */
	}


#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; /* Linienabstände innerhalb der Listen-Blöcke */
	padding: 0;
	}
/* End Entry Lists */






/* Begin Form Elements */
#searchform {
	text-align: left;
	padding: 5px 10px; 
	margin: 10px auto;
	}


#sidebar #searchform #s {
	width: 150px;
	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 input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}


#commentform textarea {
	width: 100%;
	padding: 2px;
	}


#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */






/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}


.commentlist {
	padding: 0;
	text-align: justify;
	}


.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}


.commentlist p {
	margin: 10px 5px 10px 0;
	}


#commentform p {
	margin: 5px 0;
	}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}


.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */






/* Begin Sidebar */
#sidebar
{
	margin: 0px 16px 14px 619px;
	padding: 4px 0px 0px 0px;
	width: 164px;
	/*background-color: fuchsia;*/
	
	/*padding: 20px 0 10px 0;*/
	/*margin-left: 545px;*/
	/*width: 190px;*/
	
	}


#sidebar form {
	margin: 0;
	}
/* End Sidebar */

Alles anzeigen

PS: Das Posting habe ich von "Plugins und Hacks" nach "Design" verschoben

bernhard

Habe das Posting nach "Design" kopiert. Deshalb dieses hier bitte löschen.

Besten Dank und Sorry für den Fehleintrag
Bernhard

bernhard

Vielen Dank für den Tipp. Hat wunderbar funktioniert. Die blauen Rändern sind überall weg. Im Firefox scheint jetzt alles am richtigen Ort zu sein.

Wieso mir der Internet Explorer trotzdem noch einen weissen Strich durch das Banner macht, ist mir allerdings ein Rätsel. Da muss ich mir wohl noch etwas einfallen lassen.

bernhard

Im Header meines Blogs habe ich ein Bild, das ImageMaps für die Hauptnavigation enthält. Das Bild ist in zwei GIF's und JPEG's unterteilt.

Hier das Blog: http://195.176.254.164/da/blog/

Etwas habe ich dabei anscheinend falsch gemacht. Im Opera-Browser wird zwar alles korrekt dargestellt. Aber in Firefox wird um die Bilder zusätzlich ein blauer Rahmen von etwa 3 Pixel Breite gezogen. Im Internetexplorer verschiebt es mir dazu noch die Sidebar unter den Content.

Der entsprechende Teil im header.php sieht so aus:

PHP

<?php wp_head(); ?>
</head>
<body>


<div id="header">
	<div id="header_lo">
		<img src="wp-content/themes/allmend/images/header_bg_lo.gif" alt="DA">
	</div>
	<div id="header_mo">
		<img src="wp-content/themes/allmend/images/header_bg_mo.jpg" alt="asdf" usemap="#header_bg_mo">
		<map name="header_bg_mo">
			<area shape="rect" coords="0,10,191,33" href="http://195.176.254.164/da/wiki/pmwiki.phpda" alt="asdf" title="asdf">
			<area shape="rect" coords="572,3,742,33" href="http://195.176.254.164/da/wiki/pmwiki.phpmo" alt="asdf" title="asdf">
		</map>
	</div>
	<div id="header_ro">
		<img src="wp-content/themes/allmend/images/header_bg_ro.gif" alt="DA" usemap="#header_bg_ro">
		<map name="header_bg_ro">
			<area shape="circle" coords="0,33,29" href="http://195.176.254.164/da/wiki/pmwiki.phpro" alt="asdf" title="asdf">
		</map>
	</div>
	<div id="header_unten">
		<img src="wp-content/themes/allmend/images/header_bg_u_mit_navi.jpg" alt="asdf" usemap="#header_bg_u">
		<map name="header_bg_u">
			<area shape="rect" coords="0,0,191,5" href="http://195.176.254.164/da/wiki/pmwiki.phpda" alt="asdf" title="asdf">
			<area shape="rect" coords="604,0,800,120" href="http://195.176.254.164/da/wiki/pmwiki.phpu" alt="asdf" title="asdf">
		</map>
	</div>
</div> <!-- /header -->


<div id="page">

Alles anzeigen

Und der CSS-Abschnitt sieht so aus:

Code

/* Begin Structure */
body {
	background-image: url("images/body_bg.png");
	}




#header {
	margin-top: 10px; /* Abstand zum oberen Bildschirmrand */
	margin-right: auto; /* Damit der Header mittig zentriert wird */
	margin-bottom: 0px; /* Abstand nach Header */
	margin-left: auto; /* Damit der Header mittig zentriert wird */
	padding: 0;
	width: 806px;
	height: 153px;
}


#header_lo {
	width: 32px;
	height: 33px;
	float: left;
}


#header_mo {
	width: 742px;
	height: 33px;
	float: left;
}


#header_ro {
	width: 32px;
	height: 33px;
	float: left;
}


#header_unten {
	clear: both;
	width: 806px;
	height: 120px;
	}


#page {
	margin: 0px auto; /* oben und unten 0px, seitlich "auto", damit zentriert */
	padding: 0px 0px 0px 0px;
	width: 806px;
	background: url("images/main_bg_o.png");
	}
	
.narrowcolumn { /* Content Postings */
	float: left;
	padding: 0px 16px 23px 16px;
	margin: 0px 16px 23px 19px;
	width: 539px;
	/*background-color: Aqua;*/
	}


.widecolumn {
	float: left;
	padding: 0px 16px 23px 16px;
	margin: 0px 16px 23px 19px;
	width: 539px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}


.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: left;
}




#main_unten {
	margin: 0px auto; /* oben und unten 0px, seitlich "auto", damit zentriert */
	width: 806px;
	height: 5px;
	background-image: url("images/main_bg_u.png");
}


#clear{
clear: both;
}


#footer {
margin: 0px auto; /* oben und unten 0px, seitlich "auto", damit zentriert */
	padding: 12px 0px;
	width: 800px;
	text-align: center;
	}


#footer p {
	margin: 0;
	text-align: center;
	}
/* End Structure */

Alles anzeigen

Ausgegangen bin ich vom aktuellen Kubrick-Theme. WP ist Version 2.03.

bernhard

Ich habe soeben rausgefunden, dass eine Klammer im Stylesheet nicht geschlossen war.
Entschuldigt bitte das Posting.

bernhard

Peinlich, peinlich...
Beim Kopieren des CSS-Codes ist mir aufgefallen, dass eine Klammer nicht geschlossen war.

Und das nachdem ich den ganzen Tag nach dem Fehler gesucht hatte... Entschuldigt bitte meine unnötigen Posts. Ich hoffe sowas passiert mir nie wieder.

Und danke nochmals für die schnelle Antwort.

Gruss Bernhard

bernhard

Danke für die Antwort. Mir ist nicht aufgefallen, dass ich irgendwo die Content-Breite zu hoch eingestellt hätte.

Eigentlich sollten Content und Sitebar eher zu wenig breit sein. Hier das CSS ab "Begin Structure":

Code

/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	background-image: url("images/body_bg.png");
	}


	#page {
	/*background-color: white;*/
	margin: 0px auto; /* oben und unten 0px, seitlich "auto", damit zentriert */
	padding: 14px 0px 0px 0px;
	width: 806px;
	/*border: 1px solid #959596;*/
	background: url("images/main_bg_o.png");
	}
/* ------------------ 1. Container: Header ----------------- */


#header{
	margin-top: 10px; /* Abstand zum oberen Bildschirmrand */
	margin-right: auto; /* Damit der Header mittig zentriert wird */
	margin-bottom: 0px; /* Abstand nach Header */
	margin-left: auto; /* Damit der Header mittig zentriert wird */
	padding: 0;
	width: 806px;
	height: 153px;
	/*text-align: left;*/
}


#header_lo{
	width: 32px;
	height: 33px;
	/*background-image: url("images/header_bg_lo.gif");*/
	float: left;
}


#header_mo{
	width: 742px;
	height: 33px;
	/*background-image: url("images/header_bg_mo.jpg");*/
	float: left;
}


#header_ro{
	width: 32px;
	height: 33px;
	/*background-image: url("images/header_bg_ro.gif");*/
	float: left;
}


#header_unten{
clear: both;
width: 806px;
height: 120px;
/*background-image: url("images/header_bg_u.jpg");*/	
	


	
.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}


.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}


.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: left;
}


#main_unten {
	width: 806px;
	height: 5px;
	background-image: url("http://195.176.254.164/da/blog/wp-content/themes/Platzhalter/images/main_bg_u.png");
	background-color: fuchsia;
	/*background-position: 0px 0px;*/
}


#footer {
	padding: 12px 0px;
	width: 100%;
	text-align: center;
	/*clear: both;*/
	background-color: fuchsia;
	}


#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	background-color: fuchsia;
	}
/* 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;
	}


h3 {
	padding: 0;
	margin: 30px 0 0;
	}


h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */






/* 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 ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}


.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 {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}


#sidebar #searchform #s {
	width: 115px;
	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 input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}


#commentform textarea {
	width: 100%;
	padding: 2px;
	}


#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */






/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}


.commentlist {
	padding: 0;
	text-align: justify;
	}


.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}


.commentlist p {
	margin: 10px 5px 10px 0;
	}


#commentform p {
	margin: 5px 0;
	}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}


.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */






/* Begin Sidebar */
#sidebar
{
	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;
	}


hr {
	display: none;
	}


a img {
	border: none;
	}


.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

Alles anzeigen

bernhard

Erst mal sorry, dass ich mich mit einem solchen Problem an euch wende. Wahrscheinlich wurde das schon 100x gefragt. Nur konnte ich im Archiv nichts passenden finden.

Ich habe die gesamtbreite des Kubrick-Themes vergrössert und danach hat sich die Sitebar unter den Content geschoben. Was muss ich ändern, damit die Sitebar rechts neben die Postings stehen bleibt?

Hier der Link zum entsprechenden Blog (WP 2.03):
http://195.176.254.164/da/blog/

LG Bernhard

bernhard

Hallo WP-Community,

ich versuche seit Stunden vergeblich, mein Layout in CSS umzusetzen.

Ich habe einen Container oberhalb des Footers, der ein Hintergrundbild enthalten soll. Allerdings wird weder das Bild, noch eine Hintergrundfarbe angezeigt. Dasselbe, wenn ich es den Footer-Container schreibe.

Hier den Beginn des footer.php:

Code

</div>
  <div id="main_unten">
    <p>hallo</p>
  </div> <!-- /main_unten -->


<div id="footer">

Hier den Abschnitt aus dem style.css

Code

#main_unten {
	width: 806px;
	height: 5px;
	background-image: url("images/main_bg_u.png");
	background-color: fuchsia;
}


#footer {
	padding: 12px 0px;
	width: 100%;
	text-align: center;
	background-color: fuchsia;
	}

Alles anzeigen

Hier das Blog in Entwicklung (anstelle von "hallo" sollte das Hintergrundbild zu sehen sein):
http://195.176.254.164/da/blog/

Und so sollte das Layout eigentlich aussehen:
http://195.176.254.164/da/wiki/pmwiki.php

Ich benutze WP 2.03 und bin vom Kubrik-Theme ausgegangen.

Gruss Bernhard

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von bernhard

IE Probleme: Header und Sidebar verschoben

IE Probleme: Sidebar und Header verschoben

Bilder im Header haben blauen Rand

Bilder im Header haben blauen Rand

Hintergrundbild im Footer wird nicht angezeigt

Sitebar nach unten verschoben

Sitebar nach unten verschoben

Sitebar nach unten verschoben

Hintergrundbild im Footer wird nicht angezeigt