[CSS] Firefox float:left;

Dieses Thema im Forum "Webdesign" wurde erstellt von Terrorbeat, 16. Juli 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 16. Juli 2009
    Firefox float:left;

    so soll es aussehen: IE u. Opera
    EDIT// aus Privaten Sicherheitsgründen entfernt@Terrorbeat

    so sieht es aus: Firefox
    EDIT// aus Privaten Sicherheitsgründen entfernt@Terrorbeat

    Der dummfox macht einfach nicht das was er soll. Anstat die Dinge Logisch zu interpretieren wie es in diesem Fall IE und Opera machen macht der mir das Leben Schwer. Wieso zieht die main+Maintop nicht mit der sidebar+main_content mit.

    Der index.html code:
    HTML:
    <html>
    <head>
    <title>FAIL</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    </head>
    <body>
    <div id="main" style="border:1px red solid;">
     <div id="maintop" style="border:1px red solid;">
     <div id="tophead">
     <div><img src="images/top.jpg" alt="" border="0" /></div>
     <div><img src="images/head.jpg" alt="" border="0" /></div>
     </div>
     <div style="width:912px; margin:0px 44px 0px 44px;">
     <div id="main_content" style="float:left;">
     
    <!-- ganz viele Zeilenumbrüche (<br>) -->
    
    
     </div>
     <div id="sidebar" style="float:left;">
    
    <!-- ganz viele Zeilenumbrüche (<br>) -->
    
     </div>
     </div>
     </div>
    </div>
    </body>
    </html>
    
    main.css
    Code:
    body {
     background-color:#2d2d2d;
     text-align:center;
     margin:0px;
    }
    #main {
     width:1000px;
     margin:auto;
     background-image:url(images/main_border.png);
     background-repeat:repeat-y;
    }
    #maintop {
     width:100%;
     background-image:url(images/main_border_top.png);
     background-repeat:no-repeat;
    }
    #tophead {
     width:912px;
     margin:auto;
     margin:0px 44px 0px 44px;
    }
    #main_content {
     width:658px;
     background-color:#131313;
    }
    #sidebar {
     width:254px;
     background-image:url(images/sidebarbg.jpg);
     background-repeat:repeat-y;
    }
     
  2. 16. Juli 2009
    AW: Firefox float:left;

    Weil floats nicht zum normalen Seitenfluss gehören, also nicht von umgebenden Elementen eingeschlossen werden, und das daher die standardkonforme Interpretation ist.
    Zum Beheben des Problems ein beliebiges (evtl. auch unsichtbares) Element mit clear-Eigenschaft als letztes Element innerhalb von main_top einfügen.
     
  3. 17. Juli 2009
    AW: Firefox float:left;

    woaaa jipi es geht! vielen Dank hätte nicht gedacht das man noch solch effektive Ratschläge um diese Uhrzeit bekommt ^^
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.