+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Firefox Problem: DIV Darstellung

  1. #1
    Neu an Board
    Registriert seit
    28.12.2005
    Beiträge
    20
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Firefox Problem: DIV Darstellung

    Hi alle zusammen,
    wieso stellt Firefox meine Seite anders dar als der Internet Explorer?


    PHP-Code:
    <!-- start des Templates -->

    <div id="gesamtblock">

        <div id="zeile1"><?php mosLoadModules 'top' ); ?></div>
        <div id="clear"></div>    

        <div id="topmenu"> </div>
        <div id="kopf_rechts"></div>
        <div id="clear"></div>

        <div id="banner_links"> <img src="<?php echo $mosConfig_live_site?>/templates/mp_shiloh/images/banner3.1.jpg" width="580" alt="Active">   </div>
        <div id="logo_rechts"><img src="templates/mp_shiloh/images/pic.gif" align="center" border="0"></div>
        <div id="clear"></div>

        <div id="links_block"><?php mosLoadModules 'left' ); ?></div>
        
        <!-- Darstellung rechter Block, wenn kein Modul zugeordnet ist, 
        verschwindet der rechte Block und der Hauptblock wird breiter  -->
        <?php if (mosCountModules"right" )) { ?><div id="rechts_block"><?php mosLoadModules"right" ); ?><?php mosLoadModules 'user9' ); ?></div><?php ?>
        
        <div id="haupt_block"><?php mosPathWay(); ?><br><?php mosLoadModules 'user6' ); ?><?php mosMainBody(); ?><?php mosLoadModules 'user8' ); ?></div>
        <div id="clear"></div>

        <div id="unten_block"> Text <?php echo $mymenu_content ?></div>
        <div id="clear"></div>
    </div>
    PHP-Code:
    #gesamtblock       { background-color: #fff; border-style: none; border-width: 0px; border-color:  #a9a9a9  ; width: 760px }

    #topmenu             { color: #fff; background-color: #fff; float: left; width: 590px; height: 5px }
    #kopf_rechts { color: #000; float: right; width: 170px; height: 5px }
    #banner_links    { float: left; width: 550px; height: 140px }

    #logo_rechts        { background-color: #fff; vertical-align: middle; float: right; padding-top: 25px; padding-left: 5px; border: solid 0px #dcdcdc; width: 170px; height: 140px }

    #links_block       { background-color: #fff; float: left; margin-top: 5px; padding: 2px 2px 10px; border: solid 1px #dcdcdc; position: relative; width: 170px }

    #rechts_block       { background-color: #fff; float: right; margin-top: 5px; margin-left: 10px; padding: 2px 2px 10px; border: solid 1px #dcdcdc; position: relative; width: 170px }

    #haupt_block             { background-color: #fff; float: left; margin-top: 5px; margin-left: 10px; padding-top: 2px; padding-right: 10px; padding-left: 10px; border: solid 1px #dcdcdc; width: auto; min-width: 450px }

    #unten_block       { color: #000; font-size: 10px; background-color: #fff; margin-top: 10px; padding: 2px; border: solid 1px #dcdcdc; position: relative; width: 760px; height: 15px }

    #zeile1         { color: #f5f5f5; background-color: #f5f5f5; border: solid 1px; width: 760px; height: 15px }

    #clear    { color: #000; background-color: #fff; clear: both } 
    Hab meine Seite bisher nur mit dem I.E. kontrolliert. Und nur durch Zufall heute gesehen, dass bei Firefox die Bl&#246;cke ganz anders dargestellt werden.
    Geändert von Wing (29.01.2006 um 23:18 Uhr)

  2. #2
    Gehört zum Inventar Avatar von upstream
    Registriert seit
    04.11.2005
    Ort
    Steinmaur CH
    Alter
    27
    Beiträge
    5.918
    Bedankte sich
    86
    Erhielt 1.580 Danksagungen
    in 1.439 Beiträgen

    Standard

    Check mal dies: http://de.selfhtml.org/css/formate/box_modell.htm k&#246;nnte mir vorstellen, dass es damit zusammenh&#228;ngt.

  3. #3
    Neu an Board
    Registriert seit
    28.12.2005
    Beiträge
    20
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Leider konnte mir der Link nicht weiterhelfen. Der Internet Explorer zeigt ja die Seite so wie ich mir das w&#252;nsche, nur Firebox hat starke Probleme damit und versetzt den Inhalt-Div-Box nach unten.

    Ich k&#246;nnte vielleicht noch versuchen statt mit 3 Divs f&#252;r 3 Spalten mit 2 Divs zu arbeiten wobei der rechte wieder unterteilt ist in 2 Divs. Mal sehen ob das klappt.

    Und dann noch ein zweites Problem, wie bekommt man bei Firefox die Aufz&#228;hlungszeichen weg. Bei I.E. wird alles vern&#252;nftig dargestellt ohne Aufz&#228;hlungszeichen.
    Geändert von Wing (08.01.2006 um 14:49 Uhr)

  4. #4
    Neu an Board
    Registriert seit
    28.12.2005
    Beiträge
    20
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo zusammen,

    leider bin ich bei diesem Problem immer noch nicht weitergekommen. Kann mir jmd. vielleicht noch ein anderen Tip geben wieso Firefox das anders definiert als der Explorer.

    Und wieso stellt der Firefox Aufzählungszeichen dar und der Explorer nicht (ich möchte das so haben wir beim Explorer).

    Gruss

  5. #5
    Gehört zum Inventar Avatar von upstream
    Registriert seit
    04.11.2005
    Ort
    Steinmaur CH
    Alter
    27
    Beiträge
    5.918
    Bedankte sich
    86
    Erhielt 1.580 Danksagungen
    in 1.439 Beiträgen

    Standard

    Ich k&#246;nnte mir vorstellen, dass es an dem da liegt.

    width: auto; min-width: 450px

  6. #6
    david_noh
    Gast

    Standard

    Es gibt einen trick, wie man den Explorer und alle anderen bedienen kann.

    Man schreibt in der css erst ganz normal den Code für den Explorer und dann für alle anderen:
    Bsp.:

    .mainlevel {
    display: block;
    width: 200px;
    padding-left: 10px;
    }

    dann für alle anderen

    html>body .mainlevel {

    display: block;
    width: 190px;
    padding-left: 10px;
    }

    Da der Explorer manche Sachen anders interpretiert ist dieser Hack manchmal notwendig.

    Explorer kennt das mit dem html>body nicht und überließt es. Alle anderen definieren dann mainlevel noch mal neu.

  7. Erhielt Danksagungen von:


  8. #7
    Neu an Board
    Registriert seit
    28.12.2005
    Beiträge
    20
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Danke für dein Hinweis.

    Mit bleibt trotzdem ein Rätsel wieso der Firefox so rumspinnt und statt einer Breite von 170px wie angegeben 176px anzeigt.

    Aber mit diesem Trick (html>body .mainlevel ) lässt sich das ja umgehen.

+ Antworten

Ähnliche Themen

  1. Problem Darstellung Contenheading <> Componentheading
    Von Muerre im Forum Mambo Templates
    Antworten: 7
    Letzter Beitrag: 04.08.2009, 12:18
  2. div im firefox zentrieren
    Von joomlator im Forum Joomla Templates
    Antworten: 3
    Letzter Beitrag: 04.01.2006, 13:57
  3. Problem: darstellung bei Home
    Von mralchemy im Forum Mambo Templates
    Antworten: 3
    Letzter Beitrag: 12.08.2005, 12:00
  4. Firefox Darstellungs Problem
    Von bruno-haren im Forum Allgemeine Fragen zu Mambo 4.5.0
    Antworten: 5
    Letzter Beitrag: 27.04.2005, 09:03
  5. user menu problem mit IE <> Firefox
    Von level im Forum Allgemeine Fragen zu Mambo
    Antworten: 2
    Letzter Beitrag: 14.01.2005, 07:14

Lesezeichen

Berechtigungen

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