✔ div problem

[the_black_hawk]

Hallo

ich hab ein kleines Problem mit meinem DivFuß, folgender Code kommt unter meine divContent

<div id="footer"> 
	<div id="li"><img src="neuepics/li.gif" width="27" height="25" alt="" border="0" /></div>
		<div id="botbg">
		<img src="neuepics/re.gif" width="27" height="25" alt="" border="0" />
		</div>
 	</div>
</div>

Ziel ist es einfache abgerudnete Ecken unter die Tabelle zu setzen

hier der CSS dazu

<style>

/* FOOTER */

/* footer style */
#footer {
margin: 0px;
padding: 0px;
background-color: #2e73db;
height: 25px;
}

#li {
background:url(neuepics/tbg.gif);
float: left;
text-align: left;
width: 27px;
height: 25px;
position:absolute;

}

#botbg{

background:url(neuepics/tbg.gif);
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

</style>

im Firefox funktioniert alles wie es soll, aber ie5 macht wiedermal Probleme, der Rote Pfeil im Anhang zeigt auf den blauen Teil im Bild der fehlerhaft ist, vieleicht weis jemand eine Lösung?

Würde mich freuen

 

[Maik]

Hi,

gibt es evtl. eine Online-Version der Seite, um sich das mal "live" anschauen zu können?

Zumal sich ohne die eingebundenen Grafiken der Darstellungsfehler im IE nur schwer nachvollziehen bzw. reproduzieren lässt.

 

[the_black_hawk]

dachte die Grafik im Anhang zeigt den Fehler deutlich
Ich hab die Seite mal hochgeladen, dann könnt ihr mein Problem live sehen:

http://www.ironmuscle-forum.net/divtest_/index.html

wie gesagt, firefox macht keine Probleme, der Fehler tritt nur im ie5 auf

 

[Maik]

Nimm mal folgende Regel zusätzlich im Stylesheet auf:

img {
display:block;
}

Klar, die angehängte Grafik weist auf den Fehler hin, nur weiß niemand, was daran nun konkret verkehrt ist, da der Vergleich zum Firefox fehlt, und wenn man den Quellcode überprüfen will, benötigt man auch die dazugehörigen Grafiken.

 

[the_black_hawk]

Klar, die angehängte Grafik weist auf den Fehler hin, nur weiß niemand, was daran nun konkret verkehrt ist, da der Vergleich zum Firefox fehlt, und wenn man den Quellcode überprüfen will, benötigt man auch die dazugehörigen Grafiken.

alles klar

hey danke funktioniert

edit:

gibt ein weiteres Problem, wenn ich den Code in meiner kompletten HP einbaue, verschiebt sich das obere Layout
gibt es eine Möglichkeit, den code auf den footer zu beschränken?

 

[the_black_hawk]

hallo, ich hab eine andere Lösung gefunden

font-size:0

funktioniert super

 

[Maik]

overflow:hidden dürfte da vermutlich auch zum Erfolg führen.