Probleme mit Footer-Container unter IE

Du verwendest
Code: 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
Daher ist der Vorschlag vom Validator korrekt.

[edit]
Da in ISO-8859-1 das €-Symbol aber nicht enthalten ist, solltest Du sicherheitshalber ISO-8859-15 verwenden.

Ausserdem solltest Du Umlaute und das "ß" (ggf. auch das €-Symbol) als "benannte Zeichen" angeben.
Für &euro; funktioniert es genauso wie für &copy;.
[/edit]
 
Zuletzt bearbeitet:
Hi,

ich war mal so frei deinen "neuen" Thread mit dem Thread "Probleme mit Footer Container unter ie" zusammenzutackern, da es sich a) um dieselbe Seite und b) das gleiche Problem handelt, und möchte dich darum bitten, zukünftig solche Doppelpostings zu vermeiden, da sie gemäß der Netiquette Nr.12 unerwünscht sind.

mfg Maik
 
Ich bin zwar nicht der CSS Profi, aber ich glaube das der IE so seine probleme mit dem Code "bottom" hat, den du auf deine Footer anwendest.
 
Taft hat gesagt.:
Ich bin zwar nicht der CSS Profi, aber ich glaube das der IE so seine probleme mit dem Code "bottom" hat, den du auf deine Footer anwendest.
Zum Vergrößern anklicken....
Das seh ich nicht so, wenn ich hier mal mein CSS-Tutorial CSS-Layout mit 100%-Höhe als Beispiel nenne, in dem ich den Footer auf dieselbe Weise positioniert habe, und vom IE tadellos interpretiert wird.

Ich tippe im vorliegenden Fall eher auf das hasLayout, oder ein falsches Clearing der Floats.

mfg Maik
 
Wenn du die clearfix-Klasse zum Float-Clearing anwendest, kannst du auch in den entsprechenden Boxen am unteren Ende das inhaltsleere "Clearing"-DIV aus dem Markup entfernen, denn dafür ist die besagte Klasse gedacht - siehe hierzu den Artikel How To Clear Floats Without Structural Markup.

Darauf hatte ich dich in diesem Thema aber schon mal hingewiesen.

mfg Maik
 
Hallo Maik,
sorry, mit dem Doppelposting. Ich dachte eigentlich das Problem wäre damals gelöst gewesen, tritt aber wieder auf.

Das mit deinem letzten Thread hab ich jetzt nicht verstanden. Was muss ich wo entfernen mit Clear im Code und was dazu schreiben?

LG
Julchen
 
Die Frage beantwortet doch mein empfohlener Artikel.

Code: 
<div id="box_right" class="clearfix">
			<h1>St. Brigida.<span class="h1_title">Einrichtungsleitung</span></h1>
			<div class="content_pic_titel"><img src="http://www.tutorials.de/forum/images/seniorenzentrum/pic_einrichtungsleitung_lar.png" alt="" /></div>

       	  <p>Die Ausgestaltung von Leitung ist kooperativer, moderierender, f&ouml;rdernder und   fordernder Dienst an die Mitarbeiter.</p>
		  <div class="clear">&nbsp;</div>
              <h3>Bei uns steht der Mensch im Mittelpunkt.</h3>
		  	  <p class="spacer">&nbsp;</p>
              <p>Diesen Grundsatz machen wir und unsere Mitarbeiter uns zur t&auml;glichen Aufgabe.</p>
              <p>&nbsp;</p>

              <div style="float:left; width:130px; margin-right:5px; text-align:center;"><img src="http://www.tutorials.de/forum/images/seniorenzentrum/pic_leisch.png" alt="Gesch&auml;ftsf&uuml;hrerin: Martina Leisch" style="padding-left:15px;" /><br />
			    <span class="text_highlight">Geschäftsführerin:</span><br />
			  Martina Leisch			  </div>
<div style="float:left; width:130px; margin-left:10px; margin-right:5px; text-align:center;"><img src="http://www.tutorials.de/forum/images/seniorenzentrum/pic_polmans.png" alt="Verwaltungsleiter: Dieter Polmans" style="padding-left:15px;" /><br />
			    <span class="text_highlight">Verwaltungsleiter:</span><br />
			  Dieter Polmans		  </div>
			  <div style="float:left; width:130px; margin-left:10px; text-align:center;"><img src="http://www.tutorials.de/forum/images/seniorenzentrum/pic_thiel.png" alt="Pflegedienstleiterin: Claudia Thiel" style="padding-left:15px;" /><br />

			    <span class="text_highlight">Pflegedienstleiterin:</span><br />
		  Claudia Thiel</div>
		  <div class="clear">&nbsp;</div>
			<p class="arrow_top"><a href="#top"><img src="http://www.tutorials.de/forum/images/arrow_top.jpg" alt="arrow_top" width="10" height="14" style="float:left;" /></a><a href="#top">Seitenanfang</a></p>
		</div>
    	<!-- InstanceEndEditable -->
        <div class="clear">&nbsp;</div> <!-- kann entfernt werden -->
</div>


mfg Maik
 
Hallo,
aha, jetzt versteh ich. Ein doppeltes Clear kann zu Problemen im ie führen. Also muss ich überall das doppelte Clear entfernen.

Danke dir, ich hoffe es klappt jetzt.

Julchen
 
Ich hab gerade eben in einer ruhigen Minute dein Stylesheet nochmal durchgeschaut, sowie im IE (6 + 7) getestet, und kann dir jetzt mit Sicherheit sagen, dass für #footer die clear:both-Deklaration fehlt.

Mit meinem Tipp bzgl. des doppelten "Clearings" wollte ich nicht zum Ausdruck bringen, dass dies zu Problemen im IE führt, sondern eines davon im Code entfernt werden kann, denn da du die Easyclearing-Technik (.clearfix:after) nutzt, ersetzen diese CSS-Regeln in deinem HTML-Code am unteren Ende der Elternbox das besagte DIV.clear zum Aufheben der Floatumgebung.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück