zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Conditional Comments - bin verwirrt, auch für IE7?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.04.2008, 14:50
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard 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:
[if lt IE 7]: alle Version vor 7 (less-than = kleiner als),
Hier steht alle Versionen vor Version 7. Hab ich gerade einen Verständnisfehler oder sehe ich es richtig, dass SELFHTML: Stylesheets / CSS-basierte Layouts / Browserweichen nichts von einer Weiche für IE7 steht sondern nur bis Version 6?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.04.2008, 14:55
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.03.2007
Beiträge: 179
Thorben befindet sich auf einem aufstrebenden Ast
Standard

Code:
  <!--[if IE 6]>
    <style type="text/css">@import url(ie6.css);</style>
  <![endif]-->
Das kannst du genau so für alle Versionen verwenden.

Geändert von Thorben (08.04.2008 um 14:57 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.04.2008, 15:22
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

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]
Mit Zitat antworten
  #4 (permalink)  
Alt 08.04.2008, 15:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von accessoire Beitrag anzeigen
Muss das Ganze in einer externen CSS-datei liegen
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)
Mit Zitat antworten
  #5 (permalink)  
Alt 08.04.2008, 15:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.121
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

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]-->
Mit Zitat antworten
  #6 (permalink)  
Alt 08.04.2008, 15:58
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

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:
<li ><a href="dr-foot3/bla.htm" alt="bla">bla</a></li>
Er markiert mir dann das = ... Bei den anderen alt's zeigt er mir allerdings nichts an. Was passt hier nicht?

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>
Achja, noch ne kleine Frage: Konnte man nicht mehrere Selektoren wie z. B. a:link, a:visited, usw mit einem Komma anwählen zur Formatierung?
Mit Zitat antworten
  #7 (permalink)  
Alt 08.04.2008, 16:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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)
Mit Zitat antworten
  #8 (permalink)  
Alt 08.04.2008, 16:11
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Und was ist jetzt dein Problem?
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.
Mit Zitat antworten
  #9 (permalink)  
Alt 08.04.2008, 16:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:10 Uhr.