Float

ddjjmm · 03.02.2012

Stehe irgendwie total auf dem Schlauch aber wieso zum Geier stehen die Container nicht nebeneinander? Mit margin-left bekomme ich zumindest den zweiten neben die Nummer eins (was ja eigentlich auch so schon sein sollte?) aber die Nummer drei steht grundsätzlich in der nächsten Zeile...

Quellcode

PHP:

<html>
    <head>
        <style type="text/css">
            .test1 { background-color: black; width: 240px; height: 147px; float: left;}
            .test1:hover { background-color: blue;}
            .test2 { background-color: red; width: 240px; height: 147px;}
            .test2:hover { background-color: blue;}
            .test3 { background-color: gold; width: 140px; height: 147px;}
            .test3:hover { background-color: blue;}        
        </style>
    </head>
    <body>
        <div class="container"><div class="test1"></div><div class="test2"></div><div class="test3"></div></div>
    </body>
</html>

Live Beispiel
Thema Float:

Konzertjunkie · 03.02.2012

AW: Float

float: right; muss in den Div Container, welcher rechts sein soll. Dann wird es klappen

Misco · 03.02.2012

AW: Float

1. test2/3 brauchen auch float: left;
2. der Container ist mit 600 px zu klein um alle boxen nebeneinander zu stellen.

Grüße
Dennis

ddjjmm · 03.02.2012

AW: Float

Fall gelöst, danke!

samtron · 07.02.2012

AW: Float

hallo zusammen
bei mir leuft nicht die Blaue Farbe in ie, aber in FF schon, was für einen Fehler?

HTML:

<html>
    <head>
        <style type="text/css">
            .test1 { background-color: black; width: 240px; height: 147px; float: left;}
            .test1:hover { background-color: blue;}
            .test2 { background-color: red; width: 240px; height: 147px; float: left;}
            .test2:hover { background-color: blue;}
            .test3 { background-color: gold; width: 240px; height: 147px; float: left;}
            .test3:hover { background-color: blue;}        
        </style>
    </head>
    <body>
        <div class="container"><div class="test1"></div><div class="test2"></div><div class="test3"></div></div>
    </body>
</html>

vielen Dank
MfG

cebito · 07.02.2012

AW: Float

samtron schrieb:
bei mir leuft nicht die Blaue Farbe in ie, aber in FF schon, was für einen Fehler?

Liegt am Quirksmode, ein Doctype schafft abhilfe...

Misco · 07.02.2012

Der IE versteht hover nur mit dem a Tag, also geht nur a:hover.

Ich habe die Version IE 9er

samtron · 07.02.2012

AW: Float

ok ich danke euch
kannst du mir bitte den Befehl schreiben?

simonpicos · 07.02.2012

AW: Float

Misco schrieb:
Der IE versteht hover nur mit dem a Tag, also geht nur a:hover.

Woher hast du das denn bitte? verstehe ich dich jetzt falsch, oder meinst du der ie würde z.b. kein div:hover verstehen? Also so schlecht ist selbst der Intershitplorer nicht. - hoffentlich.. wenn ich doch falsch liegen sollte, dann korrigiere mich bitte!

ok ich danke euch
kannst du mir bitte den Befehl schreiben?

Ich denke mal, dass du es schaffst einen Doctype ganz oben im Dokument einzufügen

MyBad · 07.02.2012

AW: Float

simonpicos schrieb:
Woher hast du das denn bitte? verstehe ich dich jetzt falsch, oder meinst du der ie würde z.b. kein div:hover verstehen? Also so schlecht ist selbst der Intershitplorer nicht. - hoffentlich.. wenn ich doch falsch liegen sollte, dann korrigiere mich bitte!

Seit dem IE 7 ist auch der MS-Browser in der Lage div:hover zu interpretieren. Der IE6 und abwärts waren dazu nicht in der Lage. Diese kannten lediglich a:hover.

Davi2000 · 07.02.2012

AW: Float

samtron schrieb:
ok ich danke euch
kannst du mir bitte den Befehl schreiben?

Ist ja auch abhängig welche HTML Version du nehmen willst. Aber selfhtml und co schaffen da Abhilfe.

simonpicos · 07.02.2012

AW: Float

MyBad schrieb:
Seit dem IE 7 ist auch der MS-Browser in der Lage div:hover zu interpretieren. Der IE6 und abwärts waren dazu nicht in der Lage. Diese kannten lediglich a:hover.

Mal wieder typisch ie :rolleyes:

Aber ich denke, bei sowas sind Nutzer einfach selber Schuld, wenn sie einen solchen browser nutzen.

Danke aber für die aufklärung