+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Probleme mit float im IE

  1. #1
    War schon öfter hier
    Registriert seit
    08.10.2007
    Beiträge
    153
    Bedankte sich
    27
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Probleme mit float im IE

    Hi,
    ich habe ein Problem bei der Erstellung eines eigenen Menüs.
    Und zwar passt eigentlich soweit alles. Zumindest im Firefox wird alles korrekt dargestellt.
    Im IE habe ich aber das Problem, dass zum einen die einzelnen Menüpunkte ca. 2 Px voneinander getrennt sind und wenn ich über einen Link im Menü fahre, werden alle Menüpunkte darunter nach unten verschoben. Ic hhabe dann etwas mit dem Entwicklertool herumgespielt und sobald ich "float: right" herausnehme (eigentlich sollen die Links rechtsbündig sein), habe ich das Problem mit den Abständen und dem Verschieben nicht mehr. Jedoch sind dann die Links linksbündig angeordnet.
    Weiß jemand, woran das liegen könnte und was ich dagegen machen könnte? Ich häng mal die zuständigen CSS-Codes an...

    PHP-Code:
    .BlockContent-body a:link
    {
            
    color#cccccc;
            
    font-familyArialHelveticaSans-Serif;
            
    font-size15px;
            
    font-weightbold;
            
    font-variantsmall-caps;
            
    floatright;
            
    padding-right8px;
            
    z-index999;
    }

    .
    BlockContent-body a:visited, .BlockContent-body a.visited
    {
            
    color#cccccc;
            
    font-familyArialHelveticaSans-Serif;
            
    font-size15px;
            
    font-weightbold;
            
    font-variantsmall-caps;
            
    floatright;
            
    padding-right8px;
            
    z-index999;
    }



    .
    BlockContent-body ul
    {
            list-
    style-typenone;
            
    color#232622;
            
    margin:0;
            
    padding:0;
            
    margin-top0px;
    }

    .
    BlockContent-body li
    {
            
    font-familyArialHelveticaSans-Serif;
            
    font-size12px;
            
    text-decorationnone;
    }

    .
    BlockContent-body ul li
    {
            
    background-repeat:no-repeat;
            
    margin:0;
            
    background-imageurl("../images/menu-content-bg.png");
            
    min-height27px;
            
    padding-top8px;<br>
            
    _margin-top: -3px;

    Geändert von admin cs (03.12.2010 um 13:47 Uhr)

  2. #2
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.348
    Bedankte sich
    455
    Erhielt 2.972 Danksagungen
    in 2.791 Beiträgen

    Standard

    Bei sowas brauchts immer(!) einen Link zur Seite. Mit dem bisschen code bekommen wir das auch nicht heraus.


    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

  3. #3
    War schon öfter hier
    Registriert seit
    08.10.2007
    Beiträge
    153
    Bedankte sich
    27
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Würde ich gerne, aber es handelt sich aktuell noch um eine lokale Installation.
    Das Hauptproblem habe ich mittlerweile auch schon beseitigt, indem ich noch ein line-height-Attribut hinzugefügt habe.

    Jetzt habe ich nur noch das Problem, dass beim IE zwischen den einzelnen Menüpunkten 2-3Px Platz gelassen werden. Im Firefox ist das nicht so. Finde momentan aber auch nirgends ein Attribut, dass den Abstand angibt.

  4. #4
    Wohnt hier Avatar von chr-hl
    Registriert seit
    28.07.2009
    Ort
    Lübeck
    Beiträge
    3.042
    Bedankte sich
    56
    Erhielt 962 Danksagungen
    in 948 Beiträgen

    Standard

    Hallo,

    die Browser haben unterschiedliche Standardvorgaben, deshalb könnte ein CSS-Reset Dein Problem beheben.
    Hier eine Fundstelle von Tante Google: http://www.webmasterpro.de/coding/ar...rvorgaben.html

    Christian
    Konnte ich Dir helfen - dann freut ein Klick auf "Danke" bzw. "Thanks"

    Joomla - FAQs / Dein Joomla-Level / Problem gelöst? Bitte so markieren

  5. #5
    War schon öfter hier
    Registriert seit
    08.10.2007
    Beiträge
    153
    Bedankte sich
    27
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von chr-hl Beitrag anzeigen
    Hallo,

    die Browser haben unterschiedliche Standardvorgaben, deshalb könnte ein CSS-Reset Dein Problem beheben.
    Hier eine Fundstelle von Tante Google: http://www.webmasterpro.de/coding/ar...rvorgaben.html

    Christian
    Danke für den Tipp, hat aber leider nichts geholfen. Es hat lediglich die Formatierung meiner Textabstände geändert.

  6. #6
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.348
    Bedankte sich
    455
    Erhielt 2.972 Danksagungen
    in 2.791 Beiträgen

    Standard

    Dann spiele es doch einfach mal in einem Unterverzeichnis hoch, damit wir uns das da anschauen können.


    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

  7. #7
    War schon öfter hier
    Registriert seit
    08.10.2007
    Beiträge
    153
    Bedankte sich
    27
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Danke für das Angebot, aber ich habs jetzt endlich geschafft! Hab ewig mit verschiedenen margins etc rumgespielt. Hatte es wahrscheinlich schon lange zwischendurch mal richtig, aber der drecks IE hat die sonderbare Eigenschaft, dass er manche Änderungen erst nach einem Neustart annimmt...

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein