|
|||
position:relative mit PNG und IE6
Nabend...
ich habe mal wieder eins der Probleme die man nicht hätte wenn es den IE6 nicht mehr geben würde. Ich sach nur PNG und IE6. Nun habe ich alles hin und hergeschoben doch während alle Browser alles richtig anzeigen verweigert der IE6 seine Arbeit. Das Problem: Ein Element mit einem transparenten Hintergrundbild kann im IE6 nicht mit position:relative angezeigt werden da dann die Links nicht funktionieren. Allerdings brauche ich position:relative in diesem Objekt damit der Footer richtig positioniert wird. Kann ich position:relative irgendwie bei allen Browsern einfügen und im IE6 nicht? Oder gibt es eine andere bessere Lösung? HTML-Code:
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="wrapper_mit_transparentem_PNG"> <div id="container"> TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT </div> <br class="clear"> <div id="footer">FOOTER</div> </div> </body> </html> Code:
/* HMTL, BODY, WRAPPER, CONTAINER */ html, body { height: 100%; } body{ margin: 0; padding: 0; } #wrapper_mit_transparentem_PNG { position: relative; width: 520px; margin: auto auto; min-height: 100%; background: #888888; } #container { float: left; width: 500px; margin-left:10px; text-align: left; margin: auto; position: relative; background: #ffffff; margin-bottom:35px; margin-left:10px; } .clear { clear: both; } #footer { position: absolute; bottom:0; left:0; width: 500px; height: 30px; background: #999999; text-align: center; margin-bottom: 0px; margin-left:10px; } |
Sponsored Links |
|
|||
FAQ Punkt 7.
Dein Code ist noch immer unvollständig! Lies: http://xhtmlforum.de/40080-f-r-frage...twortende.html
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Zitat:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> </head> <body> <div id="wrapper_mit_transparentem_PNG"> <div id="container"> TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT<br>TEXT </div> <br class="clear"> <div id="footer">FOOTER</div> </div> </body> </html> |
|
|||
An unvollständigem vereinfachtem Code lassen sich Probleme nicht besprechen. Informier dich über den Doctype-Switch.
Probleme mit IE-PNG-Fixes lassen sich ohne Link nicht besprechen. Du fragtest nach einer grundsätzlichen Alternative. Diese findest du in dem bereits genannten Punkt der FAQ!
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (16.11.2008 um 19:42 Uhr) |
|
|||
Hm. Ich verstehe nicht ganz was du meinst. Willst du mich evtl. auf Conditional Comments hinführen? Das habe ich schon probiert aber das Problem ist ja, dass ich für den IE das position:relative entfernen muss anstatt für den IE etwas dazuzuschreiben. Heißt: wenn ich das CC anwende dann hat der IE vorher ja schon den falschen Code gelesen. Kann ich irgendwie position:relaive wieder auf "normal" umstellen oder löschen?
Bitte konkretisiere dein Kommentar. Ich werde nicht ganz schlau daraus. Den Doctype hane ich ja nun drin und einen Link braucht man nicht unbdeingt um das Problem zu sehen. Wenn IE6 und position:relative dann funzen halt keine. Link ist auch deshalb nicht drin weil dann müsste ich ja auch den kompletten iepngfix hochladen - oder ist es das was du meinst??? Lars |
|
||||
Ich glaube fricca meint, du solltest mal versuchen FAQ 7 umzusetzen und gleichzeitig eine Testseite onlinestellen, die uns das Problem zeigen kann.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Zitat:
Lies, was FooterStickAlt ist. Du verwendest FooterStick. Du musst positionieren. Bei FooterStickAlt musst du das nicht. Zitat:
Was genau verstehst du an dem von Ingo formulierten Text nicht? Zitat:
Und jetzt ist schon wieder massenhaft Zeit damit verschwendet, darüber zu diskutieren, was man braucht, um helfen zu können. Ich habe jetzt keine mehr.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Leider ist fast immer so...weil es keiner nötig hat die angepinnten Themen zu lesen bzw. das was man ihnen sagt auch mal umzusetzen...
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Es tut mir leid, dass ich hier nicht alles genauso gepinnt habe wie ihr das gewohnt seid aber ich bin halt leider nicht ganz so versiert.
Allerdings glaube ich, dass das Problem noch nicht so ganz richtig rüberkam - dafür entschuldige ich mich erst einmal! Die Variante FooterStickAlt bringt mir nämlich auch nicht wirklich was denn wenn das so ist wie beschrieben dann benötige ich ja doch wieder position:relative in den elementen und genau das will ich ja irgendwie umgehen. Also vom Prinzip genau so wie FooterStickAlt nur eben ohne position:relative im nonFooter. Lars. |
Sponsored Links |
|
|||
Nein, die Positionierung ist nicht nötig. Das schrieb ich bereits oben.
In dem Beispiel ist es enthalten, weil Inhalte absolut positioniert werden. Warum bitte postest du nicht endlich einen Link? Du wirst es nicht glauben, aber du wärst nicht der erste, dessen Probleme ganz anders gelöst werden können, als er es selbst im Traum gedacht hätte. Es ist aber einfach unmöglich, über PNG-Probleme im IE zu reden, wenn man das Problem nicht sehen kann. Du schreibst, du bist nicht versiert. Dann nimm doch bitte was an von anderen, die vielleicht versierter sind. Die von Ingo formulierten Hinweise sind einfach und verständlich. Wenn du auch nach mehrfachen Hinweisen darauf noch immer glaubst, für dich gilt das alles nicht, dann kann ich dir auch nicht helfen. Diese sinnlosen Diskussionen nerven. Genau um diese zu vermeiden gibt es diese Hinweise -- und jeder bekommt vor dem Erstellen eines Threads das Folgende zu sehen!1elf! Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wordpress: Content im Quelltext VOR allem anderen, aber wie? | Bichareh | CSS | 4 | 13.06.2009 17:15 |
Probleme mit png und Transparenz im IE6 | ChOpSueY! | CSS | 16 | 15.02.2008 13:39 |
PNG und IE6 | Electrohunter | CSS | 36 | 11.10.2007 15:47 |
IE6, Position:relative und TEXTAREA | kondorek | CSS | 0 | 21.08.2007 13:01 |
IE6 und niedriger: Bezugspunkt f. relative ändern | Natural_born_chilla | CSS | 0 | 20.08.2007 17:37 |