CSS Darstellungsproblem im IE

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    CSS Darstellungsproblem im IE

    Hi!

    Habe das Problem dass der IE meine Seite anders darstellt als alle anderen Browser

    Liegt am CSS weiß aber nicht warum, bzw weiß ich nicht welchen "Hack" ich da verwenden sollte.

    #page-container {
    width: 760px;
    margin: auto;
    }
    #header {

    height: 250px;
    background: #db6d16
    url(../images/headers/about.jpg);

    }
    #sidebar-a {
    float: right;
    width: 180px;
    background: url(../images/muster.gif);
    }

    #content {
    margin-right: 180px;
    text-align:left;
    }
    #footer {
    clear: both;
    height: 50px; background: url(../images/muster2.gif);
    }

    im HTML sind halt alle nacheinander drinnen mit <div class="usw">

    Im Firefox Browser wird das korrekt dargestellt, also Content neben Sidebar

    aber im IE bekomm ich die beiden nicht nebeneinander hin. Da beginnt der Content erst nach der Sidebar

    Weiß hier jemand rat?
    Stichworte: -
  • #2
    PHP-Code:
    #sidebar-a 
    ist das so richtig?

    ohne html-code muss ich raten. entweder double-margin bug oder three-pixel-text-jog

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

    Kommentar

    • #3
      der HTML code ist...

      <div id="page-container">
      <div id="header"></div>

      <div id="sidebar-a">sidebar a</div>

      <div id="content"></div>

      <div id="footer"></div>

      </div>

      Kommentar

      • #4
        Ich hab das mal kurz bei mir zusammengestellt und im IE getestet und es macht was es soll:

        PHP-Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"        >
        <        html xmlns="http://www.w3.org/1999/xhtml">
            <        head>
            <        meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <        title>Unbenanntes Dokument</title>
            <        style type="text/css">
                        #page-container {
                            width: 760px;
                            margin: auto;
                }
                        #header {
                            height: 250px;
                            background: #db6d16
                            url(../images/headers/about.jpg);
                }
                        #sidebar-a {
                            float: right;
                            width: 180px;
                            background: url(../images/muster.gif);
                }
                
                        #content {
                            margin-right: 180px; 
                            text-align:left; 
                }

                        #footer {
                            clear: both; 
                            height: 50px; background: url(../images/muster2.gif);
                }
            </        style>
        </        head>
        <        body>
            <        div id="page-container"> 
            <        div id="header"></div> 
            
            <        div id="sidebar-a">sidebar a</div>
            
            <        div id="content">content</div>
            
            <        div id="footer">footer</div>
            
            </        div>
        </        body>
        </        html> 
        Ich hab eben nur die pics nicht. Vielleicht liegt es auch an denen.

        Kommentar

        • #5
          oder möglicherweise an der doctype-definition.

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

          Kommentar

          • #6
            Fehler gefunden!

            Vielen Dank für eure Hilfe...der Fehler war aber komischerweise ganz ein anderer, bin nur durch Zufall darauf gekommen.

            Im content hab ich ein file mit include() eingebunden. diese eingebundene Tabelle hatte width=100% jetz hab ich diese auf width=99% gestetzt und jetz funktionierts *g* sehr komisch ich weiß

            danke für die Hilfe!

            Kommentar

            Vorherige template Weiter
            Lädt...
            X