Bild steht im Firefox nicht unten

[Anina]

Hallo an alle!

Ich bräuchte mal eure Hilfe:

Ich habe hier ein Layout programmiert (ähm mein Quelltext ist immer etwas... äh naja... nutze übrigens Dreamweaver CS5) - im Internetexplorer ist das Bild in der Navileiste unten, aber im Firefox steht dazwischen eine Lücke.

Irgendwie bin ich mit meinem Latein am Ende, auch mit dem Googlen von z. B. "Firefox Bild unten" komme ich nicht weiter. Benutze ich evtl. den falschen Befehl?

Hier ist der Link zur Seite:
Link zur Seite

Wäre klasse wenn mir jemand helfen könnte...

Liebe Grüße
Anina

 

[msblacky]

AW: Bild steht im Firefox nicht unten

Hallo Anina,

die css dazu wäre ganz praktisch, denke das dort ein kleiner Fehler ist.

msblacky

 

[Anina]

AW: Bild steht im Firefox nicht unten

Die ganze CSS habe ich mit in der Datei... oder bringe ich was durcheinander? Nur die CSS der Navi ist in einer extra Datei...

Ich weiß - meine Programmiererei ist verwirrend...

 

[Herr_D]

Moinsen, bei mir sieht beides gleich aus IE & FF...


Dein Code ist schon irgendwie falsch

<p>
<img width="208" align="bottom" height="332" [B]bottom:0px;="" position:absolute;=""[/B] src="images/navibild.jpg">
</p>

Falls du wirklich mit position:absolute arbeiten möchtest, musst du der sidebar ein position:relative verpassen

Ich persönlich würde das eventuell als Hintergrundbild für den <div class="sidebar1"> einbauen


im CSS

.sidebar1 {
        float: left;
        width: 208px;
        background: #fff6d6;
        padding-bottom: 0px;
        background-image: url(images/navibild.jpg);
        background-position:left bottom;
        beackground-repeat:no-repeat;
}

Dann brauchst du allerdings einen "Platzhalter nach unten...


Wahlweise den Bildcode oben einfach richtig und ohne <p> (nicht nötig, da in <div> eingebettet) schreiben:

<img style="width:208px; height:332px;border:none;" src="images/navibild.jpg" alt="navbottom">

@msBlacky, wenn du nichts zu sagen hast, dann sag auch nichts... das CSS kriegt man mit einem Mouseklick raus...

 

[Anina]

AW: Bild steht im Firefox nicht unten

Hey, es funktioniert!!!

Habe jetzt den Code so eingefügt wie du es vorgeschlagen hast - und jetzt sieht es in beiden Browsern perfekt aus.

Tausend Dank - mein Tag ist gerettet !!!

lg
Anina

 

[Herr_D]

oke... das übliche ff-leerzeichen problem




Du solltest den Quellcode unbedingt schick machen (aufräumen) und unnötige Leerzeichen, Zeilenumbrüche usw. entfernen...


Das ist Chaos... der CSS-Part hat da nix zu suchen...

 

[Anina]

AW: Bild steht im Firefox nicht unten

Okay, ich bemühe mich

 

[SaschaM78]

AW: Bild steht im Firefox nicht unten

Bei mir sieht es schon richtig aus, wenn Du den unnötigen Paragraph entfernst, wie Herr_D das schon angemerkt hat. Außerdem fehlt das style-attribute in Deinem img-tag, daher wird das position:absolute garnicht erst interpretiert und ist somit hinfällig. Ich würde es aber auch eher als Hintergrundbild verwenden. Im Chrome habe ich noch unter dem Footer (der ja wahrscheinlich am Boden kleben soll) noch eine graue Lücke, insgesamt kommt's mir noch so vor, als ob einiges optimiert werden müsste, insbesondere was den Code angeht.

Grüße, Sascha