Sponsored Links |
|
|||
danke für den tip,
sowas habe ich schonmal in irgendwelche stylesheets gelesen, jedoch scheint dies bei mir nicht klappen zu wollen. ich hab in den head-bereich folgendes eingetragen: zu erst ins externe stylesheet, dass auf keinen fall funktioniert, wie ich später gelesen habe. anschließend in die lokalen stylesheets zwischen <style type="text/css">... </style> und nun unter das lokale styesheet in den head-bereich. der fehler bleibt jedoch weiterhin bestehen. vielleicht hat mein conditional comment einen fehler in der syntax: <!--[if IE]> margin-left: -16px <![endif]--> EDIT: der Fehler scheint was mit dem externen Stylesheet zu tun zu haben. ich hab es mal rausgenommen und da tritt der fehler nicht auf. Geändert von Impega (19.03.2008 um 10:47 Uhr) |
|
|||
Conditional Comments sind HTML-Kommentare. Sie können auch nicht im style-Element stehen, sondern das style-Element muss im CC stehen.
Ich glaube aber viel eher, dass du dir den ersten Teil der FAQ durchlesen solltest (CSS-Prolog -- auch den Links folgen!). Diese negative Verschiebung brauchst du dann nicht. Wie immer gilt: http://xhtmlforum.de/40080-f-r-frage...twortende.html |
|
|||
Sie können auch nicht im style-Element stehen, sondern das style-Element muss im CC stehen.
wie ist das mit dem "im CC stehen" gemeint ? Zitat:
den verlinkten thread habe ich mir bereits nach der registrierung durchgelesen. den code werde ich nachher noch reinstellen. vorher wird jedoch der inhalt entfernt, da dieser nichts mit der css geschichte zu tun hat. erschlagt mich aber bitte nicht wegen dem code. ich hab die aufgabe bekommen dieses "blöde" flipnavi anzupassen, dass es unter allen browsern läuft. dies hatte ich zunächst mit einer anderen navigation probiert, mit der es auch überall ging -> nur nicht beim IE6. daher wurde wieder das alte zeug + javascript genommen, damit es auch unter dem IE6 geht. gibt es irgendwo etwas im web, bei der man z.b. die *.html und die *.css datei hochladen kann, so dass die sachen vn euch begutachtet werden können ? - eventuell etwas, dass umsonst ist ? EDIT: erschlagt mich nachher bitte nicht wegen des codes ! |
|
|||
Denk dir den CC weg. Das liest der IE. Dein geposteter Schnipsel bringt also mit 100%iger Sicherheit überhaupt gar nichts. Google ist zu CCs sehr ergiebig! Schau dir Anwendungsbeispiele an.
Lies die FAQ! Du brauchst das Gehacke nicht! |
|
|||
die FAQ habe ich mir angeschaut und sogar mehrfach den von heiko_rs geposteten inhalt angeschaut.
ich werde daraus jedoch (noch)nicht schlau. mal sehen, was die zeit mit sich bringen wird. hier ist mal der code Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>TITEL</title> <meta name="keywords" content=""> <script language="JavaScript" type="text/JavaScript"> <!-- 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_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_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_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } function FensterOeffnen (Adresse, Einstellungen) { Fenster1 = window.open(Adresse, "Zweitfenster", Einstellungen); Fenster1.focus(); } //--> </script> <link rel="stylesheet" href="style.css"> <style type="text/css"> </style> <script type="text/javascript"> if(window.navigator.systemLanguage && !window.navigator.language) { function hoverIE() { var LI = document.getElementById("TopNavi01").firstChild; do { if (sucheUL(LI.firstChild)) { LI.onmouseover=einblenden; LI.onmouseout=ausblenden; } LI = LI.nextSibling; } while(LI); } function sucheUL(UL) { do { if(UL) UL = UL.nextSibling; if(UL && UL.nodeName == "UL") return UL; } while(UL); return false; } function einblenden() { var UL = sucheUL(this.firstChild); UL.style.display = "block"; UL.style.backgroundColor = "#E0B229"; /*Hier Standardhintergrundfarbe*/ } function ausblenden() { sucheUL(this.firstChild).style.display = "none"; } window.onload=hoverIE; } </script> </head> <body bgcolor="FCAE45" > <table border="0" cellpadding="0" cellspacing="0"> <tr> <td width="1024"> <table width="1024" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="297" align="left" valign="top" bgcolor="#ffffff"> <a href="#"><img src="/navigation/linkbilder/Logos.gif" width="297" height="157" border="0" alt="irgendwas"></a> </td> <td valign="top" width="727" > <table border="0" cellpadding="0" cellspacing="0" bgcolor="#E0B229"> <tr> <td align="left" valign="top"> <img src="/serviceklassen/bilder/infoblock.gif" width="727" height="103" alt="" border="0" usemap="#Newsmap"><map name="Newsmap"><area shape="rect" coords="380,52,460,104" href="#" target="_top" alt="" title=""></map> </td> </tr> <tr bgcolor="#E0B229"> <td width="727" height="21" valign="middle"> <div id="Rahmen"> <ul id="TopNavi01"> <li><a href="#"><font face="arial" size="2"><b><u><i>Überschrift 1</i></u></b></font></a></li> <li><a href="#"><font face="arial" size="2"><b><u><i>Überschrift 2</i></u></b></font></a> <ul id="TopNavi02"> <li><a href="#" Target="_top">Unterpunkt 1</a></li> <li><a href="#" Target="_top">Unterpunkt 2</a></li> <li><a href="#" Target="_top">Unterpunkt 3</a></li> <li><a href="#" Target="_top">Unterpunkt 4</a></li> <li><a href="#" Target="_top">Unterpunkt 5</a></li> <li><a href="#" Target="_top">Unterpunkt 6</a></li> </ul> </li> <li><a href="#"><font face="arial" size="2"><b><u><i>Überschrift 3</i></u></b></font></a> <ul id="TopNavi02"> <li><a href="#" Target="_top">Unterpunkt 1</a></li> <li><a href="#" Target="_top">Unterpunkt 2</a></li> <li><a href="#" Target="neu">Unterpunkt 3</a></li> <li><a href="#" Target="neu">Unterpunkt 4</a></li> <li><a href="#" Target="_top">Unterpunkt 5</a></li> </ul> </li> <li><a href="#"><font face="arial" size="2"><b><u><i>Überschrift 4</i></u></b></font></a></li> <li><a href="#"><font face="arial" size="2"><b><u><i>Überschrift 5</i></u></b></font></a> <ul id="TopNavi02"> <li><a href="#" Target="_top">Unterpunkt 1</a></li> <li><a href="#" Target="_top">Unterpunkt 2</a></li> <li><a href="#" Target="_top">Unterpunkt 3</a></li> <li><a href="#" Target="_top">Unterpunkt 4</a></li> <li><a href="#" Target="_top">Unterpunkt 5</a></li> <li><a href="#" Target="_top">Unterpunkt 6</a></li> </ul> </li> </ul> </div> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="727" height="5" background="/navigation/bilder/linie_rot.jpg"> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="35"> </td> </tr> </table> </td> </tr> </table> <table width="1024" border="0" cellpadding="0" cellspacing="0"> <tr bgcolor="white"> <td width="297" valign="top"> <table> <tr align="left" valign="top"> <td width="2800" valign="middle"> <table width="1024" border="0" cellpadding="0" cellspacing="0"> <tr bgcolor="#DB001C"> <td width="1024" height="78" valign="top" background="/serviceklassen/hintergrundbilder/leiste_unten.gif"></td> </tr> </table> </td> </tr> </table> </table> </table> </body> </html> Code:
* { margin:0px; padding: 0px; } body { font: normal 100.01% Helvetica, Arial, sans-serif; color: black; background-color: #ffffff; margin: 0px; } /*Rahmenformatierung*/ /*Rahmen für TopNavigation*/ div#Rahmen { width: 727px;/*Ä 1*/ border: 0px; margin: 0px; /* background-color: magenta; /*Hintergrundfarbe Leiste*//*Auswirkungen auf Teile des Hintergrundes ganz rechts bei IE 6*/ } /*Ausrichtung der gesamten Buttons nach oben/unten/links/rechts*/ ul#TopNavi01 { margin: 0px; padding: 0px; text-align: left; } /*Innen- und Außenabstände der einzelnen Buttons der jeweiligen ul*/ /* setzt die Einträge erster Ordnung nebeneinander */ ul#TopNavi01 li { height: 24px; /*Hoehe der ersten Navigationsebene */ width: 145px; /* Breite der ersten Navigationsebene */ list-style: none; float: left; /* Listet die Menuepunkte der ersten Navigationsebene nebeneinander */ position: relative; background-color: #E0B229; /*yellow;*/ } /* ahref Formatierungen */ ul#TopNavi01 li a { background-color: #E0B229; /*Hintergrundfarbe Buttons*/ color: #DB001C; /*Schriftfarbe der h-ref*/ text-align: left; font-size:14px; vertical-align: middle; /* padding-left: 15px; */ } /*Ausrichten der Navigation der zweiten Ebene*/ ul#TopNavi01 li ul { width: 145px; top: 25px; /*Abstand der Navi der Ebene 2 zu den Buttons der Ebene 1*/ display: none; /* Unternavigation ausblenden */ /*margin-left: -16px; */ } ul#TopNavi01 li:hover ul { display: block; /* Unternavigation in modernen Browsern einblenden */ } /*Hintergrund Untermenu*/ /*Fartbt den Hintergrund des geflippten Menues */ ul#TopNavi01 li ul li { float: none; display: block; background-color: cyan; padding: 0px; margin-bottom: 0px;/*hier ohne Wirkung auf Ebene 1, Wirkung nur auf Ebene 2*/ margin-top: 0px; } /*Eigenschaften aller Buttons bestimmen, ausgewählt über tag<a>.*/ ul#TopNavi01 a, ul#TopNavi01 span { display: block; /*überschreibt das gelb*/ text-decoration: none; font-weight: bold; width: 145px; /*4.535em; /*Breite zuweisen: so für FireFox optimal*/ /*Setzt die Breite der oberen Buttons */ padding-top: 0.5em;/*Bei FireFox ca. 0.5, damit der Kontakt zwischen 1.Ebene und 2.Ebene nicht abreisst!*/ } /* Hovereffekte fuer die erste Ebene */ ul#TopNavi01 a:hover, ul#TopNavi01 span, li a#aktuell { color: #DB001C; /*Schriftfarbe*/ background-color: #FFD863; } /*Eigenschaften aktuelle Unterseite*/ ul#TopNavi01 li ul span { background-color: deeppink; } /*Farbe der Buttons beim Runterflip (TopNavi02)*/ ul#TopNavi02 li a { width: 141px; height: 21px; padding: 0em; text-align: left; border: 0px; background-color: #FFD863; /*Hintergrundfarbe Leiste*//*ohne Auswirkung*/ color: #DB001C; font-size:12px; padding-top: 4px; padding-left:4px; } /*Mouseover-Eigenschaften für TopNavi02*/ ul#TopNavi02 li a:hover { /*Verhalten der Untermenupunkte bei Mouseover*/ background-color: #E0B229; /*Hintergrundfarbe MouseOver-Button*/ color: black; } /*Eigenschaften aktuelle Rubrik*/ li a#aktuell { color: maroon; background-color: orange;/*ohne Auswirkung*/ } a{color:#CC3300;text-decoration: underline} a:hover{color:#EE7700; text-decoration: underline} a:active{text-decoration: underline; color: #BE0810} a:visited{text-decoration: underline} .button{font-family:Arial; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal} .cell { font-family: Arial; font-size: 11px } .main { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; font-style: normal; line-height: normal; font-variant: normal; color: #000000; text-decoration: none} .head { font-family: Arial; font-size: 16px; font-weight: bold } p{ font-family: arial, verdana, helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none} INPUT#field{font-family:Arial; font-size: 9pt; border-style: solid;border-width: 1; width: 170px} INPUT#field1{font-family:Arial; font-size: 9pt; border-style: solid;border-width: 1; width: 250px} INPUT#field2{font-family:Arial; font-size: 9pt; border-style: solid;border-width: 1; width: 40px} INPUT#field3{font-family:Arial; font-size: 9pt; border-style: solid;border-width: 1; width: 206px} INPUT#login{font-family:Arial; font-size: 13px; border-style: solid;border-width: 1; width: 100px} TEXTAREA#field{font-family:Arial; font-size: 9pt; border-style: solid;border-width: 1; width: 350px} body { font-style: normal ; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none} body { font-family: arial, verdana, helvetica; font-size: 10pt; background-color: #FFFFFF; list-style-type: none} .ueberschrift_haupt { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .ueberschrift_lauftext { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .produktvorschautitel { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; text-decoration: none } table { font-family: arial, verdana, helvetica; font-size: 10pt; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none} td { font-family: arial, verdana, helvetica; font-size: 10pt; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none} tr { font-family: arial, verdana, helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none} ul { font-family: arial, verdana, helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; list-style-position: inside; list-style-type: circle; letter-spacing: normal; word-spacing: normal; vertical-align: middle; text-align: left} .text { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none} .td { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none} li { font-family: arial, verdana, helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; color: #000000; letter-spacing: normal; text-align: left; text-indent: 0px; vertical-align: middle; word-spacing: normal; white-space: normal; list-style-position: inside; list-style-image: none; list-style-type: none; margin-left: 0px} .hyperlink_news_startseite { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: underline} .textfett { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: none } .H1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H2 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H3 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H4 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H4_weiss { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none } .H5 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H6 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H7 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } H1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } H2 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } H3 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } H4 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } H5 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } H6 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } H7 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H6_weiss { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none } .text_klein { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none } .text_Produktvorschau_Menge { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: none } .H1_produkt_euro_detail { font-family: Arial, Helvetica, sans-serif; font-size: 20pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #BE0810; text-decoration: none } .H5_produktbezeichnung_detail { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000000; text-decoration: none } .H2_fleisch_titel { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-style: normal; line-a{color:#CC3300;text-decoration: underline} Geändert von Impega (19.03.2008 um 14:36 Uhr) |
|
|||
Mit ging es um den CSS-Prolog, der in den FAQ ganz oben steht. In 99% der Fälle der Grund unerwünschter Abstände.
Die Ursache deines Problems ist das list-style-position:inside für alle ul und li. Nimm es weg oder heb es für die Navigation auf. Code:
<a href="#"><font face="arial" size="2"><b><u><i>Überschrift 2</i></u></b></font></a> |
|
|||
Zitat:
Bin aber schon da Heim mit Little-Boxes am üben. Den Code (+ Content, der wiederrum in Tabellen aufgebaut war) habe ich genau so erhalten. Riesen Dank für dein Tip mit dem list-style-type, auch wenn du jetzt wohl Kopfschmerzen vom Code haben solltest. Ich habe es rausgenommen und die Verschiebungen sind weg. Im IE7 sieht es jetzt aus, wie im FF / Opera. Der IE6 generiert leider weiterhin einen Block, der der Höhe aller geflippten Elemente entspricht und verschiebt den Inhalt weiter nach unten. gruß Impega |
Sponsored Links |
|
|||
Developer Tools ersparen es, in solchen Code hineinschauen zu müssen.
Genau deshalb geht auch nichts ohne voll funktionierendes Beispiel. Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 16:53 |
z-index hoch, dennoch grafik nicht ganz oben | bergg | CSS | 6 | 27.10.2010 16:02 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 14:30 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 20:24 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 22:48 |