|
|||
Conditional Comments - bin verwirrt, auch für IE7?
Ich wollte gerne eine Browserweiche für den IE7 verwenden, da er mir da etwas falsch darstellt. Also hab ich bei selfHTML gesucht und bin auf die Conditional Comments gestoßen. Jetzt bin ich doch leider etwas verwirrt.
Zitat:
|
Sponsored Links |
|
|||
Code:
<!--[if IE 6]> <style type="text/css">@import url(ie6.css);</style> <![endif]--> Geändert von Thorben (08.04.2008 um 14:57 Uhr) |
Sponsored Links |
|
|||
Muss das Ganze in einer externen CSS-datei liegen oder ist es auch möglich den Quellcode global in der XHTML-Datei zu speichern? Wenn ja, mach ich wohl irgendwas falsch ...
[Frustablassmodus]Juhu ich darf ums für den IE zu testen hin und her laufen und hab noch nichtmal DW am PC und auch kein Internet um nach einer Problemlösung direkt vor Ort zu suchen ... Ich darf die ganze Zeit hinterherrennen ... So, das musste jetzt sein [/Frustablassmodus] |
|
|||
Conditional Comments sind HTML-Kommentare. Sie können nie in einer CSS-Datei liegen.
edit: nein, das meinst du wohl nicht. Das style-Element, das Thorben gepostet hat, kannst du mit CSS befüllen. Warum aber willst du ausgerechnet die IE-Styles nicht auslagern? Geändert von fricca (08.04.2008 um 15:34 Uhr) |
|
|||
Kannst auch direkt da rein schreiben. Musst nur aufpassen, bei Standalone-IE-Versionen greift CC nicht.
Beispiele: Code:
<!--[if IE]><p>You are using Internet Explorer.</p><![endif]--> <![if !IE]><p>You are not using Internet Explorer.</p><![endif]> <!--[if IE 7]><p>Welcome to Internet Explorer 7!</p><![endif]--> <!--[if !(IE 7)]><p>You are not using version 7.</p><![endif]--> <!--[if gte IE 7]><p>You are using IE 7 or greater.</p><![endif]--> <!--[if (IE 5)]><p>You are using IE 5 (any version).</p><![endif]--> <!--[if (gte IE 5.5)&(lt IE 7)]><p>You are using IE 5.5 or IE 6.</p><![endif]--> <!--[if lt IE 5.5]><p>Please upgrade your version of Internet Explorer.</p><![endif]--> <!--[if true]>You are using an <em>uplevel</em> browser.<![endif]--> <![if false]>You are using a <em>downlevel</em> browser.<![endif]> <!--[if true]><![if IE 7]><p>This nested comment is displayed in IE 7.</p><![endif]><![endif]--> |
|
|||
Ok, ich ergebe mich der Verzweiflung und blamiere mich für meinen schlechten Code .
Dr. Foot - die fußgesunde Zehensocke Ich bin mir darüber schon im Klaren, dass der Footer nicht gut gelöst ist nur leider habe ich keine Ahnung wie es anders ginge bzw. stehe ich einfach zu sehr unter Zeitdruck. Ich hab Jahre lang nicht mehr gecodet und bin über jegliche Hinweise über invaliden Code, whatever dankbar . (Irgwie macht das Coden wieder richtig Spaß ^^). Noch eine kleine Frage am Rande: Wenn ich die Seite in den Validator haue, findet sich genau ein Fehler. Und zwar bei Zitat:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Dr. Foot - die fußgesunde Zehensocke</title> <style type="text/css"> html {height:100%;} body{ background: url(dr-foot3/fake6.gif) repeat-y 50% 0; text-align:center; height:100%; margin:0; padding:0; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color:#6d7585; background-color:#678192; } #zentriert{ margin:0 auto; text-align:left; height:100%; width:946px; } #footer{ margin:0 auto; text-align:left; width:546px; position:relative; bottom:25px; } .menu{ float:left; position:relative; top:450px; text-align:left; width:190px; } .menu2{ float:left; position:relative; top:0px; text-align:left; width:190px; } #content{ float:left; width:650px; margin-top:40px; font-size:0.8em; font-family: Arial, Helvetica, sans-serif; } #impressum{ float:left; width:650px; text-align:right } .sidebar{ float:left; width:106px } /* Footer */ ul#Footer2 { font-size: 0.75em; float: right; width: 18em; margin: 0; padding: 0; } ul#Footer2 li { list-style: none; margin: 0; padding: 0 0.5em 0 0; float:left; } ul#Footer2 a { display: block; padding: 0.2em; } ul#Footer2 a:link, a:visited, a:hover, a:active { color: #6d7585; text-decoration:none; } /* Navi */ ul#Navigation { font-size: 0.8em; width: 170px; margin: 0 0 0 0.6em; padding: 0; text-align:right; } ul#Navigation li { list-style: none; margin: 0; padding: 0em; } ul#Navigation a { display: block; padding: 0em; } ul#Navigation a:active { color: #6d7585; text-decoration:none; padding-top:6px; padding-bottom:6px; padding-right:10px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; } ul#Navigation a:visited { color: #6d7585; text-decoration:none; padding-top:6px; padding-bottom:6px; padding-right:10px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; } ul#Navigation a:link { color: #6d7585; text-decoration:none; padding-top:6px; padding-bottom:6px; padding-right:10px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; } ul#Navigation a:hover { color: #6d7585; border-bottom: 1px solid #a7acb6; border-top: 1px solid #a7acb6; padding-top:6px; padding-bottom:6px; } h1 { font-size:1.3em; font-weight:bold; margin-top:20px; } #anfang{ font-size:1.3em; font-weight:bold; margin-top:70px; } h2 { font-size:1.7em; word-spacing:0.15em; margin-top:10px; } h3 { font-size:1.6em; font-weight:normal; color:#0c48b7; margin-top:-10px; margin-left:126px; } p { line-height:14px; padding-right:70px; } #logo { margin-left:370px; border-style:none; } #anfang{ margin-top:70px; } a:link { color: #6d7585; text-decoration:none; } a:visited { color: #6d7585; text-decoration:none; } a:hover { color: #6d7585; text-decoration:none; } a:active { color: #6d7585; text-decoration:none; } a:focus { color: #6d7585; text-decoration:none; } #ende{ margin-bottom:70px; } </style> <!--[if IE 6]> <style type="text/css"> #footer{ margin:0 auto; text-align:left; width:546px; position:relative; bottom:225px; } .menu{ float:left; position:relative; top:450px; text-align:left; width:190px; } .menu2{ float:left; position:relative; top:0px; text-align:left; width:190px; } </style> <![endif]--> </head> <body> <div id="zentriert"> <div class="menu"> <ul id="Navigation"> <li ><a href="dr-foot3/bla.htm" alt="bla">bla</a></li> <li><a href="dr-foot3/information.htm" alt="Information">Information</a></li> <li><a href="dr-foot3/kontakt.htm" alt="Kontakt">Kontakt</a></li> </ul> </div> <div id="content"><a href="dr-foot3/index.htm" alt="Home"><img id="logo" src="dr-foot3/bla.gif" alt="Logo" /></a> <h1 id="anfang">Anbieter:</h1> <p>bla<br /> bla<br /> bla</p> <h1>Kontakt:</h1> <p>Telefon: +1 36<br /> Telefax: +4 48<br /> e-Mail: bla@bla.de<br /> Website: www.bla.de</p> <h1>Haftung für Inhalte</h1> <p>Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen.</p> <p>Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei bekannt werden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p> <h1>Haftung für Links</h1> <p>Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei bekannt werden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p> <h1>Urheberrecht</h1> <p>Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Beiträge Dritter sind als solche gekennzeichnet. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.</p> <p>Die Betreiber der Seiten sind bemüht, stets die Urheberrechte anderer zu beachten bzw. auf selbst erstellte sowie lizenzfreie Werke zurückzugreifen.</p> <h1>Datenschutz </h1> <p>Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies soweit möglich stets auf freiwilliger Basis. Die Nutzung der Angebote und Dienste ist, soweit möglich, stets ohne Angabe personenbezogener Daten möglich. </p> <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. </p> <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.</p> <p id="ende">Quelle: eRecht24.de - <a href="http://www.e-recht24.de">Rechtsberatung von Rechtsanwalt</a> Sören Siebert</p> </div> <div class="sidebar"><img src="dr-foot3/silver-protect.gif" alt="Silver-Protect" /></div> </div> <div id="footer"> <div class="menu2"></div> <div id="impressum"> <ul id="Footer2"> <li><a href="dr-foot3/index.htm" alt="Home">HOME</a></li> <li><a href="http://adfdo.de" alt="blablaO" target="_blank">blablaO</a></li> <li><a href="dr-foot3/impressum.htm" alt="Impressum">IMPRESSUM</a></li> </ul> </div> <div class="sidebar"></div> </div> </body> </html> |
|
|||
Und was ist jetzt dein Problem?
Das alt-Attribut gibt es nicht für Links. Ja, mehrere Selektoren werden mit Komma getrennt notiert. Es muss aber jeweils der vollständige Selektor wiederholt werden. ul#Footer2 a:link, ul#Footer2 a:visited etc. Geändert von fricca (08.04.2008 um 16:07 Uhr) |
|
|||
Ich weiß es nicht so wirklich *hust*. Mein Problem ist, dass der Footer (also HOME, bla, Impressum) im IE 7 vollkommen falsch dargestellt wird und im 5er/6er geringfügig falsch. Liegt wohl daran, dass ich einfach scheiße gecodet habe ...
Und die falsche Darstellung im IE wollte ich jetzt mit einer Browserweiche korrigieren. Leider muss ich feststellen, dass es nicht so ganz will wie ich. |
|
|||
height:100% bei #zentriert muss weg, nicht nur für IE 7.
Wie du eine Mindesthöhe von 100% erreichst, kannst du in den FAQ nachlesen. Footer immer ganz unten: FAQ Punkt 7. Außerdem fehlt noch Clear. FAQ Punkt2. Bitte bemüh dich um eine verständliche, nachvollziehbare Problembeschreibung. "Völlig falsch" ist keine! Geändert von fricca (08.04.2008 um 16:22 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS-basiertes Menü fehlerhaft im IE7 | otomo | CSS | 0 | 16.10.2007 17:56 |
Höhenproblem bin verwirrt... | Lexxy | CSS | 29 | 31.07.2006 18:47 |
yaml - ich bin verwirrt | andip | Offtopic | 1 | 11.07.2006 17:09 |
IE 5.5+6 Destillator mit Conditional Comments | ulle | (X)HTML | 11 | 18.01.2006 17:05 |
conditional comments | Swoop | CSS | 13 | 09.04.2005 18:18 |