Brauche einen IE 6 / 7 hack für eine margin

Impega · #1 (**permalink**) 19.03.2008, 10:20

hi @ all,

gibt es einen hack für den IE 6 / 7 ,
der nur bei diesen browsern

Code:

<li></li>

elementen eine

Code:

margin-left: -16px;

gibt ?!

ich bräuchte sowas, da der IE 6 / 7 diese einträge selbständig nach rests schiebt, während es im FF / Opera korrekt dargestellt wird.
wenn ich nun ein:

Code:

ul li { margin-left: -16px;}

setze, ist es im IE 6 / 7 korrekt, jedoch im FF und Opera 16px zu weit nach links gezogen.

hätte vielleicht jemand einen hack für mich, der nur den IE's die margin-left verpasst ?

mfg Impega

Edit: hier sind einige screenshoots, die das problem zeigen:

Firefox:

IE6:

IE7:

Opera:

Firefox & Opera: korrekt
IE7: stellt dkl-braune farbe beim flippen dar, wodurch wohl der onhalt um 16px. nach rechts verschoben wird.
IE6: stellt eine dkl.-braune box dar, die die höhe aller menüeinträge annimmt und schiebt alles um diese höhe nach unten.

LUEK! · #2 (**permalink**) 19.03.2008, 10:26

Google mal nach Conditional Comments.

Impega · #3 (**permalink**) 19.03.2008, 10:42

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:



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.

fricca · #4 (**permalink**) 19.03.2008, 10:51

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

Impega · #5 (**permalink**) 19.03.2008, 11:54

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:

Man kann den CC entweder irgendwo im <body> hinschreiben oder ihm wie üblich im <head> plazieren.

dies habe ich auch ausprobiert, es brachte jedoch keinen erfolg.

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 !

fricca · #6 (**permalink**) 19.03.2008, 11:57

Zitat:

Zitat von Impega

wie ist das mit dem "im CC stehen" gemeint ?

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!

Impega · #7 (**permalink**) 19.03.2008, 14:33

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>&Uuml;berschrift 1</i></u></b></font></a></li>
                                                <li><a href="#"><font face="arial" size="2"><b><u><i>&Uuml;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>&Uuml;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>&Uuml;berschrift 4</i></u></b></font></a></li>
                                            <li><a href="#"><font face="arial" size="2"><b><u><i>&Uuml;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>

die css datei:

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&auml;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;             /*&uuml;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}

fricca · #8 (**permalink**) 19.03.2008, 15:01

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>&Uuml;berschrift 2</i></u></b></font></a>

Was du da postest, ist eine Krankheit. Tabellengewurstel, Dreamweaver-Gescripte, invalide. Das gehört entsorgt. Reparieren kann man das nicht.

Impega · #9 (**permalink**) 19.03.2008, 15:32

Zitat:

Zitat von fricca

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>&Uuml;berschrift 2</i></u></b></font></a>

Was du da postest, ist eine Krankheit. Tabellengewurstel, Dreamweaver-Gescripte, invalide. Das gehört entsorgt. Reparieren kann man das nicht.

Es tut mir leid für den Code, ich hätte es, auch wenn ich es noch nicht wirklich kann, mit CSS versucht.
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

fricca · #10 (**permalink**) 19.03.2008, 15:40

Zitat:

Zitat von Impega

auch wenn du jetzt wohl Kopfschmerzen vom Code haben solltest.

Developer Tools ersparen es, in solchen Code hineinschauen zu müssen.
Genau deshalb geht auch nichts ohne voll funktionierendes Beispiel.

Zitat:

Der IE6 generiert leider weiterhin einen Block, der der Höhe aller geflippten Elemente entspricht und verschiebt den Inhalt weiter nach unten.

Positionier das Submenü absolut.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ä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