Der IE spricht mal wieder kein CSS

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Der IE spricht mal wieder kein CSS

    hallo.

    wenn ihr zeit habt schaut euch bitte mal www.villagranlara.com an.
    im IE gibts da einige schwierigkeiten, wärend der FF alles richtig macht:

    - Seite erscheint nicht zentriert sondern links
    - hintergrundbild wird nicht repeated.. (sondern nur einmal oben angezeigt

    Danke für Tipps..
    2 meiner pages:

  • #2
    css - code?
    "I don't want to belong to any club that would accept me as a member."

    Groucho Marx

    Kommentar


    • #3
      das mit dem Hintergrund liegt daran das du ein Element gefloated hast, und das Elternelement nicht, schätz ich mal.

      Und wenn die Seite eh nicht breiter wird, wieso zentrierst du nicht den wrapper mit position:absolute; top:50%, left:50%; etc.?

      Kommentar


      • #4
        @mcmurphy: rechtsklick > sourcecode anzeigen ;-) sorry, nichts für ungut

        @schnoop: also pagewrapper (der hat den bg) ist nicht gefloated. dadrin sind dann menu und content nebeneinander gefloated. dann kommt ein <br style:"clear:both" />, pagewrapper zu, footer rein. fertig. das mit dem zentrieren werde ich gleich mal probeiren...

        EDIT:
        mom.. das kann so nicht gehen.. mit left:50% fängt die linke seitenkante dann ja in der mitte desbrowserfensers an...
        Zuletzt geändert von chrpun; 18.04.2006, 21:08.
        2 meiner pages:

        Kommentar


        • #5
          und wie wäre es mit margin-left und margin-right auto ?

          Gruss

          tobi
          Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

          [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
          Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

          Kommentar


          • #6
            hab ne lösung gefunden:

            ich hab einfach den footer mit in das wrap reingezogen und schon sieht alles wie geplant aus.

            danke nochmal
            2 meiner pages:

            Kommentar


            • #7
              Hallo zusammen,

              zu allererst: ich bin auf diesem Gebiet ein newbie, bitte verzeiht die eventuelle Unkundigkeit von Begriffen etc. :-)

              Habe das Problem, dass sich diese Seite hier
              http://fashionizer.de/cmsms/
              im FF wunderbar darstellen lässt, im IE sich jedoch der ganze Pagewrapper (?) unendlich nach rechts aufgeht...

              Hat jemand zuuufällig ne Lösung parat?


              Meine CSS:


              /* SITE SPECIFIC LAYOUT */
              body {
              margin: 0;
              padding: 1em;
              text-align: center;
              }
              div#pagewrapper {
              margin: 0 auto;
              max-width: 840px;
              min-width: 840px;
              padding: 0;
              text-align: left;
              }
              #container {
              position: relative;
              margin: 0;
              }

              /* HEADER */
              div#header {
              margin: 0;
              padding: 0;
              height: 80px;
              background: #ffffff;
              text-align: left;
              }
              div#header h1 a {
              background: url(uploads/images/ks_logo_xl.gif) no-repeat 0 0px;
              display: block;
              height: 80px;
              text-indent: -700em;
              width: 840px;
              margin: 0;
              padding: 0;
              text-decoration:none;
              }

              /* FOOTER */
              div#footer {
              }

              div#footer p {
              background: url(uploads/images/footer_gras_xl.jpg) no-repeat 0 0px;
              font-size: 0.8em;
              width: 840px;
              height: 116px;
              margin: 0;
              padding: 0;
              text-align: center;

              }
              /* END FOOTER */

              /* END HEADER */

              Kommentar


              • #8
                eine lösung habe ich nicht, aber die ursache:

                PHP-Code:
                function P7_MinMaxW(a,b){
                    var 
                nw="auto",w=document.documentElement.clientWidth;
                    if(
                w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
                }
                ...
                #pagewrapper {width:expression(P7_MinMaxW(720,950));} 
                der übergebene wert ist zu groß, fragt sich nur was das soll oder es herkommt.

                gruß
                peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #9
                  Oha!

                  Hab den code gefunden, der dahinter steckt...

                  {literal} <script type="text/JavaScript">
                  <!--
                  //pass min and max -measured against window width
                  function P7_MinMaxW(a,b){
                  var nw="auto",w=document.documentElement.clientWidth;
                  if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
                  }
                  //-->
                  </script> <!--[if lte IE 6]>
                  <style type="text/css">
                  #pagewrapper {width:expression(P7_MinMaxW(720,950));}
                  #container {height: 1%;}
                  </style>
                  <![endif]--> {/literal}


                  Vielen Dank schonmal für deine superfixe Antwort

                  kannst du mir jetzt auch noch sagen was ich ändern muss, dass es mir die Page im IE nichtmehr auseinander reisst? ...da ich nicht wirklich viel Ahnung von scripten habe...

                  lg, patrick

                  Kommentar


                  • #10
                    den müll herausschmeissen, da du ja eh schon diesen tinnef gemacht hast:
                    PHP-Code:
                    max-width840px;
                    min-width840px
                    wieso nicht einfach width??????

                    gruß
                    peter
                    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                    Meine Seite

                    Kommentar


                    • #11
                      Hallo Peter!

                      Vielen Dank - hab den Part

                      *** #pagewrapper {width:expression(P7_MinMaxW(720,950));} ***

                      in meine gewünschten Werte (840,840) geändert!

                      Kommentar


                      • #12
                        ist aber der falsche weg!
                        PHP-Code:
                        div#pagewrapper 
                        {
                           ...
                           
                        width840px;
                           ...

                        wäre der richtige. und den js-müll sollte entfernt werden

                        gruß
                        peter
                        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                        Meine Seite

                        Kommentar

                        Lädt...
                        X