Kleines div-Problem

[Snoggi]

Hallo

Ich habe folgendes kleines Problem:
Unter snoggi.bplaced.net seht ihr mein Beispiel:
Wie bekomme ich das Bild an den oberen linken Rand der Boxen gefloatet, ohne dass ein Zwischenraum zwischen der ersten Box und den anderen besteht?

Hier der zugehörige CSS-Code:

.picture {
float: right;
border: 1px gray solid;
margin: 6px;
}

.aktuell {
float: right;
border: 1px solid gray;
background-color: #EDEFF7;
margin: 6px;
width: 532px;
padding: 15px;
}

Könnt ihr mir da helfen?

 

[Elroy]

Hallo.

Bei deinem Link bekomme ich eine 404 - Page not found.

Gruss
Elroy

 

[mustang]

neuer link

 

[Space Vampire]

Umgieb alles mit einem Wrapper und floate das Bild links

 

[Snoggi]

Kannst du das näher beschreiben? Wenn der wrapper gar keine CSS-Eigenschaft haben soll, dann macht der doch keinen Sinn !?
Ich will das Bild ja nicht ganz links, sondern links an der Boxen haben.

 

[Space Vampire]

Bei der Beispielseite fehlt mir ein wenig das Verständnis dafür, was mit dem ganzen luftleeren raum drumherum passieren soll.
Was z.B. hast du mit der entstehenden leeren Ecke unterhalb vom Bild vor?

Es gibt mehr als einen Weg, um zu erreichen, was du möchtest. da wäre es hilfreich zu wisen, wie es unter den 4 gezeigt Elementen weitergehen soll.

Aber hier noch ein anderer Lösungsvorschlag:
Umgib die drei Boxen mit einem Wrapper.
Diesen Wrapper floatest du dann anstatt der Boxen.
Dann kansst du das Bild weiterhin ebenfalls rechts floaten.

 

[Snoggi]

Das richtige Layout sieht eine große Anzahl der rechten Boxen vor und dann nur das Bild links, wirklich nicht mehr!

Aber dein Tip hat mein Problem gelöst, DANKE!!

 

[Space Vampire]

na dann hätte mein erster vorschlag ebenfalls funktioniert.
bild links floaten
boxen rechts floaten
wrapper mit fester breite um alles drumherum.

aber wenn dein problem nun gelöst ist, ist meine arbeit hier getan. so oder so