border vor footer?

spacefrog

hallo,
ich möchte als hintergrund für den footer eine grafik verwenden, das problem ist aber, dass zwischen dem "hauptteil" des blogs und dem footer noch eine linie ist.

[Blockierte Grafik: http://img.photobucket.com/albums/v699/spacefrogmod/foooter.png]

in der .css kann ich nichts finden, wo man das abstellen könnte.
weiss jemand wo man diese einstellung vornehmen kann?

danke,
spacefrog

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

suedkind

auf deiner website (http://www.webspace-sharing.de/trojansky/?cat=1 ist doch deine?) sehe ich das nicht wie in deinem screenshot

kann man sich das irgendwo ansehen? ohne code ist das recht schwer zu beurteilen woran es liegen kann

spacefrog

klar, hier ist der code (aus der css):

Code

/*
Theme Name: Benevolence
Theme URI: http://www.thoughtmechanics.com/blog/2005/01/03/benevolence/
Description: An inclination to perform kind, charitable acts.
Version: 1.0
Author: Theron Parlin
Author URI: http://www.thoughtmechanics.com/ 
*/


body {
	position: relative;
	background: #333;
	height: 100%;
	font-family: Arial;
	text-align:left;
	color:#000;
	font-size: 8pt;
	margin:  0px;
	padding: 0;
	text-align: center;
}


#wrapper {
	position: relative;
	height: 100%;
	width: 700px;
	/* border-left: 7px solid #000; */
	/* border-right: 7px solid #000; */
	margin: 0 auto;
	background-color: #000;
} 


#insideWrapper {
	position: relative;
	top: 0px;
	height: 100%;
	width: 700px;
	margin: 0px;
	background-color: #fff;
	text-align: left;
}


#insideWrapper:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}


.post {
	position: relative;
	top: 0px;
	width: 420px;
	left: 0px;
	margin: 0px;
	background-color: #fff;
	text-align: left;
}


#content {
	width: 420px;
	margin-left: 250px;
	background-color: #fff;
	text-align: left;
}


#sidebar {
	position: relative;
	float: left;
	width: 180px;
	left: 40px;
	padding: 0px;
	background-color: #fff;
	text-align: left;
	font-family: Arial;
	color: #000;
	font-size: 7.5pt;
	line-height: 11pt;
	text-transform: uppercase;
} 


.left {
	float: left;
	margin: 0px 10px 0px 10px;
}


.right {
	float: right;
	margin: 0px 10px 0px 10px;
}


#masthead {
	position: relative;
	top: 0px;
	background: url('images/ban3.png');
 	width: 700px;
 	height: 225px;
	margin: 0px;
	margin-top: 30px;
}


.centeredImage {
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding:0px;
}


#footer {
	font-size: 7pt;
	position: relative;
	color: #fff;
	top: 5px;
	width: 700px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: center;
	background: url('images/footer.jpg');
}


#footer a {
	color: #fff;
}


#footer a:visited {
	color: #fff;
}


#footer a:hover {
	color: #D0B6B6;
	border: 0px;
}
 


.sep {
	position: relative;
	background: url('images/sep.jpg');
 	width: 162px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	left: 132px;
	text-align: center;
}


#sidebar a {
	color: #000;
}


#sidebar a:visited {
	color: #000;
}


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


.commentBox {
	position: relative;
	margin: 0 auto;
	width: 90%; 
	background-color: #f5f5f5; 
	text-align: left; 
	border: 1px solid #999; 
	padding: 5px;
}


.cite {
	font-size: 7pt;
	color:#666;
}


code {
	font-family: Courier New, Verdana;
	text-align:left;
	color:#666;
	font-size: 8pt;
}


input {
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding: 0px;
}


h2 {
	color: #666;
	font-size: 14px;
	text-align: left;
}


ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}


li {
	list-style-type: none;
	margin-left: 0px;
}


blockquote, blockquote p {
	text-indent: 0px;
	margin-bottom: 7px;
	color: #666;
}


.footerLink {
	color: #666;
	text-decoration: underline;
}


a.footerLink {
	color: #666;
	text-decoration: underline;
}


a.footerLink:visited {
	color: #666;
	text-decoration: underline;
}


a.footerLink:hover {
	color: #D0B6B6;
	text-decoration: underline;
}


.title {
	font-family: 'Arial Black';
	color: #333;
	font-size: 7.5pt;
	text-transform: uppercase;
}


a.title {
	color: #333;
}


a.title:visited {
	color: #333;
}


a.title:hover {
	color: #999;
	border: 0px;
}


#blogTitle {
	position: relative;
	top: 50px;
	left: 20px;
	font-family: 'Arial Black';
	color: #333;
	font-size: 8pt;
	text-transform: uppercase;
	text-align: left;
}


#blogTitle a {
	color: #333;
}


#blogTitle a:visited {
	color: #333;
}


#blogTitle a:hover {
	color: #dfd7d8;
	border: 0px;
}


.commentPos {
	font-family: 'Arial Black';
	font-size: 7pt;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
}


a.commentPos {
	font-family: 'Arial Black';
	color: #ff3333;
}


a.commentPos:visited {
	color: #ff3333;
}


a.commentPos:hover {
	color: #000;
	border: 0px;
}


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


a:visited {
	color: #000;
	text-decoration: none;
}


a:hover {
	color: #DACBCC;
	text-decoration: none;
	border-bottom: 1px dashed #DACBCC;
}

Alles anzeigen

bei mir wird diese linie sowohl im IE als auch im Firefox angezeigt. was für einen browser verwendest du? echt seltsam.

//spacefrog

p.s.: ja, das ist meine site

suedkind

dass ich das hintergrundbild nicht sehe (friefox + msie), liegt wahrscheinlich an

Code

background: url('images/footer.jpg');

mach daraus mal

Code

background: url('/images/footer.jpg');

bei dem abstand kann es an mehreren stellen liegen, entweder musst du beim css für wrapper oder eines der <div>s innerhalb von wrapper mal schauen, ob du was über

Code

margin-bottom : 0px;

in der jeweiligen klasse erreichst, ich habe aber den eindruck dass dort überall schon ausreichende angaben sind

mir scheint eher, dass es am code des templates liegt, ich kann da nur aus dem schliessen was ich auf der site sehe

Zitat

</div>

<div class="right"></div>
<div class="left"></div>

</div>

Alles anzeigen

es könnte da an den beiden
s bzw. den scheinbar nutzlosen <div>s liegen

Zitat

<div id="footer">
//spacefrog’s blog

eher unwahrscheinlich aber vielleicht auch an dem
was dort auftaucht

ist leider nicht ganz leicht zu beurteilen, wenn man nicht davor sitzt

spacefrog

also in der css, hab ich schon alles ausprobiert, was ein "bottom", "margin", oder "padding" im namen hatte - leider erfolglos.
und bei dir erscheint echt kein hintergrundbild für den footer?
ich werde mir nochmal das template vornehmen.

suedkind

Zitat

also in der css, hab ich schon alles ausprobiert, was ein "bottom", "margin", oder "padding" im namen hatte - leider erfolglos.

und was die html-stellen betrifft?

Zitat

und bei dir erscheint echt kein hintergrundbild für den footer?

schau mal http://projektguerilla.de/temp/msie.jpg und http://projektguerilla.de/temp/firefox.jpg
ich denke aber wenn du das entsprechend in

Code

background: url('/images/footer.jpg');

(mit slash zu beginn des pfads) änderst, ist das gefixt

spacefrog

achso, mir ist grade einiges klar geworden...
du musst in der sidebar unter "styles" erst shd.pink auswählen, da sich alle änderungen nur darauf beziehen.
sorry, habe ich vergessen zu schreiben...

suedkind

ok, dann sehe ich es so wie in deinem screenshot, haste mal die html-stellen geprüft?

ich habe so den eindruck, dass das theme/template nicht ganz sauberen code erzeugt, schau mal unter http://validator.w3.org/check?verbose=…g.de/trojansky/ und guck dir mal fehler nummer 16 und die folgenden an, ich habe ein bisschen in homesite mit dem quellcode rumprobiert und kam zum selben ergebnis, wenn ich aber die schliessenden <div>s entsprechend für wrapper und footer setze, ist die hintergrundfarbe deiner site weiss (?), sieht danach aus, dass man wohl ein bisschen tüfteln muss

spacefrog

was meinst du mit html-stellen?
in der style.css?

der hintergrund der sity ist in der css definiert, warum wird er bei dir dann weiss, wenn du den quellcode änderst? in welchen dateien könnte denn der fehler liegen (falls es überhaupt ein fehler ist [diese linie meine ich]- es könnte ja auch vom author beabsichtigt sein, da im original theme der hintergrund des footers schwarz ist, und man daher diese linie gar nicht sieht).

spacefrog

suedkind

Zitat

was meinst du mit html-stellen?
in der style.css?

die die ich in http://forum.wordpress-deutschland.org/sutra8690.php#8671 erwähnt habe

Zitat

der hintergrund der sity ist in der css definiert, warum wird er bei dir dann weiss, wenn du den quellcode änderst?

da kann ich nur vermuten, dass das layout mit den fehlern wie gewünscht dargestellt wird, wenn man den code dann aber versucht valide zu machen, die styles im css sich nicht mehr so auswirken wie gewünscht

liegt wahrscheinlich an der vererbung zwischen den einzelnen klassen, aber so tief habe ich mich auf das stylesheet deines themes nicht eingelassen

Zitat

in welchen dateien könnte denn der fehler liegen

in dem template-dateien deines themes und wahrscheinlich aus in der css-datei, ansatzpunkt sind hoffentlich die oben schon erwähnten html-stellen, ich denke mal da wird man ein bisschen debuggen müssen

Zitat

(falls es überhaupt ein fehler ist [diese linie meine ich]- es könnte ja auch vom author beabsichtigt sein, da im original theme der hintergrund des footers schwarz ist, und man daher diese linie gar nicht sieht).

war für ihn da wohl nicht so wichtig, die fehler, die der validator anmeckert sind wahrscheinlich nicht gewollt, sondern übersehen worden oder für den autor war primär wichtig das layout wie gewünscht hinzubekommen, aber wie gesagt in dieser tiefe kenne ich das theme nicht

spacefrog

ich habe in der footer.php mal die

rausgenommen, dann ist aber kein abstand mehr zwischen demanfang/ende des footers und der schrift, und die </div>, das hatte aber gar keine auswirkungen...
sonst noch eine idee?

suedkind

das einzige was mir einfällt, ohne dich allzu viel mit dem code zu beschäftigen, wäre

Code

.footer { margin : -20px }

damit rutscht der footer nach oben, ist aber etwas dirty und kann zu unerwarteten problemen in der darstellung führen

spacefrog

hm, muss ich das als neuen eintrag einfügen?
ich habe es einfach so reinkopiert, hatte aber leider keinen effekt.
fällt noch jemand eine möglichkeit ein? irgendeine?

spacefrog

spacefrog

verdammt, wie konnte ich das übersehen? habe das problem gelöst...lag doch in der style.css

Code

#footer {
	font-size: 7pt;
	position: relative;
	color: #fff;
	top: 5px;
	width: 700px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: center;
	background: url('images/footer.jpg');
}

Alles anzeigen

wenn man "top" in 0px ändert hat man das problem gelöst. dabei dachte ich echt ich hätte alles gründlich durchgesehen. trotzdem danke, suedkind für die hilfestellung!!!

spacefrog

Willkommen! Melden Sie sich an oder registrieren Sie sich.

border vor footer?

Jetzt mitmachen!