2011-01-16 7 views

Antwort

1

Sie können dies einfach tun:

.floatbox { 
    float: left; 
} 
+0

Yay das hat funktioniert, danke! Ich werde das als Antwort in einer Minute akzeptieren. – StarTrekkier

+0

@StarTrekkier, gern geschehen. Es hilft, FireBug- oder Chrome-Entwicklerwerkzeuge zu verwenden, um Element zu überprüfen. Es wird automatisch die Dimensionen des Elements, über dem Sie den Mauszeiger halten, hervorgehoben, und von dort aus ist das Problem ziemlich leicht zu erkennen. –

+0

@StarTrekkier, ah Ich habe vergessen, dies zu erwähnen: http://www.quirksmode.org/css/clearing.html –

1

Das Problem ist, dass in Ihnen <a> haben Sie einen <span>, die den Stil hat display:block

Sie können diese <a> entweder schwimmend Sie lösen:

.floatbox { 
    float: left; 
} 

alternativ durch Styling Sie mit display:inline-block

.floatbox { 
    display:inline-block; 
} 
+0

Ausgezeichnet, danke für die Detaillierung. Funktioniert jetzt gut! – StarTrekkier