Internet Explorer baut Mist...

[sinankurt]

Hallo,
nun habe ich erfolgreich einige Icons und Buttons auf die rechte graue Spalte auf meinem Blog eingefügt. Mit Firefox und Chrome werden diese auch richtig eingestellt, jedoch mit Safari und Internet Explorer nicht. Bei denen zwei werden die Icons entweder gar nicht oder nur ganz unten links anezeigt.
Ist das bei euch auch so? Link: politikgott.de

Was kann ich tun?

 

[struppi]

Wieviele Threads zu dem Thema möchtest du noch aufmachen?

 

[sinankurt]

Nein, ich möchte hier nur wissen, ob dies auch bei euch so der Fall ist, oder nur bei mir. Kannst du es mir bitte sagen, wie es bei dir angezeigt wird?

 

[remo]

Hallo,

Kannst du es mir bitte sagen, wie es bei dir angezeigt wird?

Bilder sagen mehr als tausend Worte:


IE 9



"Kompatibilitätsansicht" des IE9


Gruss Remo

 

[sinankurt]

Danke Remo...
Bei mir erscheinen die Buttons zwar im iE9, jedoch ledier am linken unteren Rand. Wie kann ich es so per HTML ändern, dass die Buttons entlang der weißen linie verlaufen, anstatt entlang des rechten Browserrands?

 

[struppi]

Das sind mindestens zwei Threads zum absolut identischen Thema:

http://www.html.de/html-und-xhtml/39116-kann-man-diese-icons-ueberhaupt-ins-design-setzen-3.html
http://www.html.de/css/39132-kann-ich-so-etwas-machen.html

 

[sinankurt]

Danke das du dem Thema nachgehst struppi
Ich habe später bemerkt, dass dieses Thema zum CSS Forum gehört, und nicht zum HTML ;)

 

[momo95]

Also ich habe firefox 4:



und so im IE 8:

 

[momo95]

Hallo,
ich habe gerade gesehen, dass du die Icons absolute vom linken rand positioniert hast. Wenn nun jemand einen kleiner auflösung hat, legen sich die icons über den Inhalt:



Ich würde sie vom content aus positionieren, und nicht vom fensterrand aus.

 

[sinankurt]

Hey danke,
leider habe ich Content bereich wenig Platz :(

Wieso wird die graue Fläche auch nicht als Content bereich erkannt? Ich meine andere Webseiten können ja auch ihre Icons positionieren wo sie wollen :(

Hast du einen Tipp?

 

[momo95]

setze mal den icon div direkt hinter den öffnungstag vom content <div id="content">.

Dann gibst du dem icon id noch left: -25px; zum beispiel.

<div id="content">
<div id="icons">
<a href="http://feeds.feedburner.com/Politikgott"><img src="http://www.politikgott.de/rss.png" alt="RSS" title="RSS">  </a>
<a href="http://www.facebook.com/Politikgott"><img src="http://www.politikgott.de/facebook.png" alt="Facebook" title="Facebook"> </a>
<a href="http://twitter.com/#!/Politikgott"><img src="http://www.politikgott.de/twitter.png" alt="Twitter" title="Twitter"> </a>
</div>

 

[sinankurt]

Danke, habe ich gemacht, optisch hat sich nichts verändert (sollte sich was überhaupt verändern?)