zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Internetexplorer/ Conditional Comments/

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.03.2008, 18:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2008
Beiträge: 5
muerr befindet sich auf einem aufstrebenden Ast
Standard Internetexplorer/ Conditional Comments/

Hallo,

ich habe eine Seite gebaut.Diese Seite verwendet einige Divs.Die Seite wird mit Firefox auch gut angezeigt.Mit Internetexplorer/n gar nicht, bis fehlerhaft.

Jetzt habe ich gelesen, das man Conditional Comments einbinden kann.Jetzt frage ich mich, wie man das wohl macht.Was ich verstanden habe,ist das im Quelltext einige Explorerrelevante Stylesheets verlinkt werden.

Nur?!? Was trage ich in die Stylesheets ein, das es im IE auch funktioniert?

Sollte diese Frage schonmal beantwortet worden sein, bitte ich um Entschuldigung, das Problem ist etwas zu suchen, wenn man nicht genau weiss, wonach man eigentlich sucht.

gruss muerr

Nachtrag : Ich habe mal eine Seite eingefügt, wo es nicht funzt.

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=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
	background-image: url(../Bilder/start_09.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
}
#unternehmen {
	position:absolute;
	width:130px;
	height:25px;
	z-index:1;
	left: 0;
	top: 10px;
}
#marktundstrategie {
	position:absolute;
	width:130px;
	height:25px;
	z-index:2;
	left: 15px;
	top: 45px;
}
#franchise {
	position:absolute;
	width:130px;
	height:25px;
	z-index:3;
	left: 30px;
	top: 80px;
	visibility: visible;
}
#standort {
	position:absolute;
	width:130px;
	height:25px;
	z-index:4;
	left: 45px;
	top: 115px;
}
#kontakt {
	position:absolute;
	width:130px;
	height:25px;
	z-index:5;
	left: 60px;
	top: 150px;
}
#neuigkeiten {
	position:absolute;
	width:130px;
	height:25px;
	z-index:6;
	left: 75px;
	top: 185px;
}
#franchnav {
	position:absolute;
	width:130px;
	height:180px;
	z-index:7;
	left: 30px;
	top: 105px;
	background-color: #231f20;
	overflow: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Arial;
}
#unternehmnav {
	position:absolute;
	width:115px;
	height:84px;
	z-index:8;
	left: 0px;
	top: 35px;
	visibility: hidden;
	padding-left: 6px;
	padding-right: 9px;
	font-family: Arial;
	background-color: #CCCCCC;
	padding-top: -15px;
	font-size: 9,5;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
body,td,th {
	font-size: 9px;
}
#unternehmennav {
	position:absolute;
	width:115px;
	height:174px;
	z-index:7;
	left: 0px;
	top: 35px;
	visibility: hidden;
	background-color: #231f20;
	padding-left: 6px;
	padding-right: 9px;
	font-size: 9px;
	font-family: Arial;
	overflow: visible;
}
#franchnav {
	width:115px;
	height:177px;
	z-index:8;
	visibility: hidden;
	color: #FFFFFF;
	padding-left: 6px;
	padding-right: 9px;
	padding-top: -15px;
	overflow:visible;
}
.Stil8 {color: #CCCCCC}
-->
</style>

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body onload="MM_preloadImages('../buttons/linksjpg/UnternehmROT.jpg','../buttons/linksjpg/MarktundROT.jpg','../buttons/linksjpg/StandorteROT.jpg','../buttons/linksjpg/KontaktROT.jpg','../buttons/linksjpg/NeuigkROT.jpg','../buttons/linksjpg/FrancisekROT.jpg','../buttons/mittejpg/MarktundMitteROT.jpg','../buttons/mittejpg/FranchMitteROT.jpg','../buttons/mittejpg/StandorteMitteROT.jpg','../buttons/mittejpg/KontaktMitteROT.jpg','../buttons/mittejpg/NeuigkMitteROT.jpg','../buttons/linksjpg/NewsROT.jpg')">
<div id="unternehmen"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('unternehmen','','../buttons/linksjpg/UnternehmROT.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../buttons/linksjpg/UnternehmROT.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../buttons/linksjpg/UnternehmROT.jpg',1)"><img src="../buttons/linksjpg/UnternehmWeiss.jpg" name="Image1" width="130" height="25" border="0" id="Image1" onclick="MM_showHideLayers('unternehmennav','','show')" /></a></div>
<div id="marktundstrategie"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','../buttons/mittejpg/MarktundMitteROT.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','../buttons/linksjpg/MarktundROT.jpg',1)"></a><a href="marktund.html" target="main" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','../buttons/linksjpg/MarktundROT.jpg',1)"><img src="../buttons/linksjpg/MarktundWeiss.jpg" name="Image7" width="130" height="25" border="0" id="Image7" /></a></div>
<div id="franchise" onclick="MM_showHideLayers('franchnav','','show')"><a href="#"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','../buttons/linksjpg/FrancisekROT.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','../buttons/mittejpg/FranchMitteROT.jpg',1)"></a><a href=" #" target=" " onmouseover="MM_swapImage('Image3','','../buttons/linksjpg/FrancisekROT.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="../buttons/linksjpg/FranchisekWeiss.jpg" name="Image3" width="130" height="25" border="0" id="Image3" /></a></div>
<div id="standort"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','../buttons/linksjpg/StandorteROT.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','../buttons/mittejpg/StandorteMitteROT.jpg',1)"></a><a href="karte.html" target="main" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','../buttons/linksjpg/StandorteROT.jpg',1)"><img src="../buttons/linksjpg/StandorteWeiss.jpg" name="Image4" width="130" height="25" border="0" id="Image4" /></a></div>
<div id="kontakt"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../buttons/linksjpg/KontaktROT.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','../buttons/mittejpg/KontaktMitteROT.jpg',1)"></a><a href="farbetest.html" target="main" onmouseover="MM_swapImage('Image5','','../buttons/linksjpg/NewsROT.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="../buttons/linksjpg/NewsWeiss.jpg" name="Image5" width="130" height="25" border="0" id="Image5" /></a></div>
<div id="neuigkeiten"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','../buttons/linksjpg/NeuigkROT.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','../buttons/mittejpg/NeuigkMitteROT.jpg',1)"></a><a href="testmarkt.html" target="top" onmouseover="MM_swapImage('Image6','','../buttons/linksjpg/KontaktROT.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="../buttons/linksjpg/KontaktWeiss.jpg" name="Image6" width="130" height="25" border="0" id="Image6" /></a></div>
<div class="Stil1" id="unternehmennav" onclick="MM_showHideLayers('unternehmennav','','hide')">
  <p><a href="test.html">Ansprechpartner</a></p>
  <p><a href="test.html">Die Marke</a></p>
  <p><a href="sponsorintro.html" target="main">Sponsoring</a></p>
  <p class="Stil1"><a href="test.html">DFV</a></p>
  <p class="Stil1"><a href="brosch.html" target="main">Brosch&uuml;ren</a></p>
</div>
<div id="franchnav" onclick="MM_showHideLayers('franchnav','','hide')">
  <p><a href="test.html" target="main">Franchisesystem</a></p>
  <p>Produkt und Ware</p>
  <p><a href="sidi1.html" target="main">Franchisenehmer Portraits</a></p>
  <p><a href="finazierung.html" target="main">Finanzierung und Geb&uuml;hren </a></p>
  <p><a href="franchtest.html" target="main">Franchisenehmer Test</a></p>
  <p>Standort</p>
  <p><a href="marketing.html" target="main">Marketing</a></p>
  <p>Ladengesch&auml;ft    </p>
</div>
</body>
</html>

Geändert von muerr (06.03.2008 um 18:41 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.03.2008, 19:21
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Suche mal nach 'ner Browserweiche ...
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.03.2008, 19:57
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 muerr Beitrag anzeigen
Nur?!? Was trage ich in die Stylesheets ein, das es im IE auch funktioniert?
Darauf gibt es keine Pauschalantwort. Die Bugs sind vielfältig, die Lösungen auch.

Zitat:
Nachtrag : Ich habe mal eine Seite eingefügt, wo es nicht funzt.
Was ist "es"?
Wenn ich diese Codewüste in meinen Editor kopiere und im Browser betrachte sehe ich in allen mir verfügbaren Browsern exakt das gleiche: nichts.

Du wirst es zwar nicht hören wollen, aber: Dein Code braucht keine Conditional Comments sondern eine Generalüberholung.
Frag bitte die Suchmaschine deiner Wahl nach "semantisches Markup" und schau dich hier im Ressourcen-Bereich nach Buchtipps um. Da ist erstmal etliches an Grundlagenarbeit nötig.
Mit Zitat antworten
  #4 (permalink)  
Alt 06.03.2008, 20:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2008
Beiträge: 5
muerr befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Darauf gibt es keine Pauschalantwort. Die Bugs sind vielfältig, die Lösungen auch.

Was ist "es"?
Wenn ich diese Codewüste in meinen Editor kopiere und im Browser betrachte sehe ich in allen mir verfügbaren Browsern exakt das gleiche: nichts.

Du wirst es zwar nicht hören wollen, aber: Dein Code braucht keine Conditional Comments sondern eine Generalüberholung.
Frag bitte die Suchmaschine deiner Wahl nach "semantisches Markup" und schau dich hier im Ressourcen-Bereich nach Buchtipps um. Da ist erstmal etliches an Grundlagenarbeit nötig.

Sorry,
mit das ich so eine Codewüste gepostet habe.Da habe ich wohl nicht richtig nachgedacht.

Vieleicht ist das hier :Frame1000x600aktuell ein wenig besser zu sehen.
Mit Zitat antworten
  #5 (permalink)  
Alt 06.03.2008, 20:09
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Für die vielen Frames gibt's hier Mecker ...

Phase 1: Zeigen der hochnotpeinlichen Werkzeuge (Validator)
Phase 2: Anwenden dieser hochnotpeinlichen Werkzeuge ("bring das in Ordnung")
Phase 3: tiefe Einsicht deinerseits und Reue.

Da ist noch viel Arbeit ...

Aber erst nach Phase 3 ist eine Diskussion möglich. Da mußt Du durch und Dir
das draufschaffen. Siehe hierzu die FAQ. Sei nicht pikiert, mach es. Es lohnt sich.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #6 (permalink)  
Alt 06.03.2008, 20:09
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

muerr, es tut mir leid, aber ein paar Image-Ready-Slices mit Tabellen (!) angeordnet machen noch keine Website.
Bitte befolge den Rat aus meinem vorigen Posting.
Mit Zitat antworten
  #7 (permalink)  
Alt 06.03.2008, 20:14
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Hi Muerr,

es ist wirklich so einfach wie's fricca sagt.

Nimm Dir ein Stück Papier und male es so auf wie Du es möchtest. Dann schreibe
das hintereinander auf so daß es Sinn macht. Das wird dann das HTML. Das Grundgerüst
kannst Du Dir dann schon im Browser ansehen.

Dann kommt die Gestaltung/Formatierung mittels CSS. (<-- der Knackpunkt: Trennung
der Struktur von der Darstellung bzw Design !)

Einfach straight hintereinander.

Ich würde da noch mal von vorne anfangen.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #8 (permalink)  
Alt 06.03.2008, 20:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2008
Beiträge: 5
muerr befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Scheppertreiber Beitrag anzeigen
Für die vielen Frames gibt's hier Mecker ...

Phase 1: Zeigen der hochnotpeinlichen Werkzeuge (Validator)
Phase 2: Anwenden dieser hochnotpeinlichen Werkzeuge ("bring das in Ordnung")
Phase 3: tiefe Einsicht deinerseits und Reue.

Da ist noch viel Arbeit ...

Aber erst nach Phase 3 ist eine Diskussion möglich. Da mußt Du durch und Dir
das draufschaffen. Siehe hierzu die FAQ. Sei nicht pikiert, mach es. Es lohnt sich.

Tiefe Einsicht und Reue sind kein Problem für mich.schließlich möchte ich ja gerne was dazulernen.
Phase 1 und 2 erschließen sich mir allerdings nicht auf anhieb.

gruss muerr
Mit Zitat antworten
  #9 (permalink)  
Alt 06.03.2008, 20:16
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Anscheinend sind wir alle recht schnell im Posten ...

Zitat:
Phase 1 und 2 erschließen sich mir allerdings nicht auf anhieb.
Ich verwende den Firefox, habe da einen Validator eingebunden der mir sofort beim
Laden das HTML überprüft. Sind da alle Errors und Warnings auf 0 mache ich mit
dem CSS weiter.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator

Geändert von Scheppertreiber (06.03.2008 um 20:18 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.03.2008, 20:22
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:
Schließlich möchte ich ja gerne was dazulernen.
Schön.
Was hast du bereits aus dem gelernt, was du dir mit den genannten Stichworten ergoogelt hast?

Zitat:
Phase 1 und 2 erschließen sich mir allerdings nicht auf anhieb.
Der Validator überprüft den Quelltext auf syntaktische Richtigkeit.
Ebenso wichtig (eher: wichtiger) ist die Semantik (siehe oben!).

Ich meine den Hinweis auf Lektüre (Bücher!) sehr ernst. Ein Forum kann dir diese Grundlagen nicht beibringen.
Tipps:
Professionelle Websites | Google Groups (kostenloser PDF-Download!)
Einführung in XHTML, CSS und Webdesign (kompletter Buchinhalt online)
Ansonsten siehe oben.
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
Conditional Comments - bin verwirrt, auch für IE7? accessoire CSS 8 08.04.2008 16:14
IE 6 ignoriert Conditional Comments kopfaquarium CSS 3 12.03.2008 12:17
Conditional Comments nicht valide? Mirco (X)HTML 6 30.07.2007 02:04
Conditional Comments vs. Browserweichen und -filter per CSS MrLight CSS 5 27.12.2006 02:46
Conditional comments werden nicht übernommen! kinjin (X)HTML 5 22.10.2004 15:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:35 Uhr.