Firebug Frage

[danielson]

Helden der Nacht,

mich quält gerade eine Frage zu Firebug, dieses unglaublich nützliche und mit Freuden verwendete Toooool!
Bin wahrscheinlich in der falschen Ecke hier im Forum, aber ich wusste nicht wohin damit...

Aus folgendem Grund taucht gerade folgende Frage auf bei mir ist unter dem Footer noch ein Schatten, den ich
mit einer Art gerissenen Kante versehen habe. Dieser steht komischerweise vom Footer zu weit ab, ich bekomme diesen
Abstand aber nicht weg. Wenn ich Firebug abfrage, welchen Bereich ich bearbeiten muß, wird mir über der üblichen "stylesheet.css" noch eine "index.php" #2 angezeigt. Wo muß ich denn da dran gehen bzw. welche Datei soll das sein? Wenn ich nun testweise im
Firebug die margin-Werte dort verändere, ist auch alles fein, nur welche Datei soll das sein.

Vielen Dank für's späte "Auf die Sprünge helfen"!
Daniel

P.S.: Screenshot:
grüner Pfeil = Problemzone
blauer Kreis = anscheinend die Lösung, aber welche Datei soll ich nehmen ???

  [ Für Gäste sind keine Dateianhänge sichtbar ]



Linkback: https://www.modified-shop.org/forum/index.php?topic=12367.0

[Tomcraft]

Hallo Daniel,

mit einem Link zum Shop kann dir sicherlich schneller geholfen werden.

Ich habe das Thema mal in die "Bastelecke" verschoben, denn "Off Topic" ist es ja nun nicht wirklich.

Grüße

Torsten

[danielson]

Ach, sorry! Link vergessen...
http://www.wowear.de/shop/
Ganz unten unter dem Footer findet sich mein Beispiel wieder.

Danke und Gut's Nächtle!!!

[Tomcraft]

Das sieht doch ein Blinder.

Nimm mal die Browserweiche aus dem Code, da die eh nicht zu funktionieren scheint:

Code: CSS  [Auswählen]

<if IE 7>
<style type="text/css">
.boxbody ul.contentlist li { display:
inline-block;list-style-position:outside;} #shadow {margin:35px auto
-10px auto;} #wrap {margin: 0px auto -10px auto;}#footer
{height:100%;overflow:hidden;} .footer {margin:0px 0 -6px
-10px;background:none;overflow:hidden;}#shadow-end {margin:15px auto 0
auto;}
           </style>
<endif>
 

Das überschreibt dir den Wert aus der "stylesheet.css", der korrekt wäre:

Code: CSS  [Auswählen]

#shadow-end {
    margin: 10px auto 0;
}
 

Oder nimm die Browserweiche nicht ganz raus, sondern änder einfach den Wert "margin:15px" in "margin:10px", das sollte auch reichen.

Grüße

Torsten

[e-moves]

Hallo Daniel,
wie Torsten schon richtig geschrieben hat, einfach die top-margin auf 10px setzen.
Mit der Browserweiche hat das nichts zu tun, da diese nur beim IE7 greift.
Grüße
Dirk

[Tomcraft]

Nö... ich hatte mit dem Firefox 4 getestet und dort wurden die bereits vorhandenen 10px, die in der "stylesheet.css" ja korrekt gesetzt waren durch die 15px aus der Browserweiche überschrieben und dadurch kam der 5px Abstand zustande!

Grüße

Torsten

[danielson]

Das sieht doch ein Blinder.

Nimm mal die Browserweiche aus dem Code, da die eh nicht zu funktionieren scheint:

Code: CSS  [Auswählen]

<if IE 7>
<style type="text/css">
.boxbody ul.contentlist li { display:
inline-block;list-style-position:outside;} #shadow {margin:35px auto
-10px auto;} #wrap {margin: 0px auto -10px auto;}#footer
{height:100%;overflow:hidden;} .footer {margin:0px 0 -6px
-10px;background:none;overflow:hidden;}#shadow-end {margin:15px auto 0
auto;}
           </style>
<endif>
 

Das überschreibt dir den Wert aus der "stylesheet.css", der korrekt wäre:

Code: CSS  [Auswählen]

#shadow-end {
    margin: 10px auto 0;
}
 

Oder nimm die Browserweiche nicht ganz raus, sondern änder einfach den Wert "margin:15px" in "margin:10px", das sollte auch reichen.

Grüße

Torsten

danke euch beiden für die antwort! daß es an den 5 pixeln lag, die die eigentlichen 10 px margin der stylesheet.css überschreiben, war mir dank firebug ja auch schon aufgefallen. mein problem ist nur, daß ich nicht weiß, in welcher datei ich das lösen kann. firebug sagt mir ja immer ganz brav, welche zeile in der stylesheet zu bearbeiten ist. die überschriebenen marginangaben von 15 px scheinen ja nicht aus der stylesheet zu kommen. welche datei ich anpacken soll, sagt firebug mir in dem fall aber nicht.
     

[Tomcraft]

Das steht irgendwo hardcodet drin, sonst würde man ja das entsprechende Stylesheet über Firebug sehen.

Suche in deinem Template doch einfach mal mit grepWin nach der Browserweiche, siehe: FAQ: Liste wichtiger Freeware- & OpenSource-Programme für die Shop-Erstellung

Grüße

Torsten

[e-moves]

Hallo Daniel,

setze noch mal ein !important bei:

Code: CSS  [Auswählen]

#shadow-end {
    margin: 10px auto 0!important;
}

Damit sollte es erledigt sein.
Grüße
Dirk