Hallo, ich gebe es zu, ich bin noch nicht der grosse CSS-Experte. Aber was noch nicht ist kann ja noch werden.
Also zu meinem Problem: Ich habe drei DIVs. Einen Container und in dem zwei weitere DIVs. Siehe anhängendes Bild. Das Problem ist nun dieses, dass der rechte DIV unter dem Container herausragt. Wie bekomme ich den rechten DIV oben unter den Container?

Hier die CSS-definition:

#hr_container {
position:relative;
height: 310px;
width: 530px;
border: 2px dotted #048fe0;
margin-left: auto;
margin-right: auto;
bottom: 10px;
top: 10px;
}
#hr_text {
width: 200px;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
float: left;
text-align: center;
margin-top: 130px;
margin-left: 5px;
border: 1px solid #048fe0;
padding: 2px;
margin-right: 10px;
}
#hr_karte {
width: 300px;
font-variant: normal;
float: left;
height: 300px;
}

Ich hoffe, dass mir da weiter geholfen werden kann.

MfG hans Rohmann

Angehängte Grafiken

umfliessen.jpg (9,9 KB, 12x aufgerufen)

Ich kann dir erst mal lesen ans Herz legen: Float - Die Theorie

Wenn du es dann noch nicht alleine hin bekommst, zeige uns bitte einen Link wo man sich das Problem mal ansehen kann.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Hallo, danke für die Antwort. Grundsätzlich möchte ich das schon selbst verstehen und erlernen. Aber ich habe erst damit angefangen und muss mich noch mehr in das Thema vertiefen. Auch danke für diesen Link. Werde ich mir ganz genau ansehen.

Meine Seite heißt Sepulcretum-Friedhof und unter Venedig kann man Problem erkennen. Die Grafik hat tatsächlich 300x300px und 72dpi. Die anderen Seiten habe ich noch nicht geändert. Das sind einfache Tabellen ohne CSS.
Vielleicht können Sie mir ja einen Tipp geben, wo ich da am Besten ansetzen kann.


MfH Hans Rohmann

Moin Hans, da befindet sich anscheinend ein Container inklusive Leerzeichen überhalb von Text und Bild. Dieser erzeugt dann den Abstand. Eine Screenshot habe ich angehängt.

Angehängte Grafiken

Bildschirmfoto 2013-08-07 um 09.39.12.png (20,1 KB, 8x aufgerufen)

__________________
mein name ist programm

Hallo, ein SUPERDANKE für die Hilfe. Aber das hätte ich auch sehen müseen. Tut mir leid, aber ich habe vor lauter Bäumen den Wald nicht mehr gesehen. Trotzdem ein herzliche Gruss aus dem hessischen Dieburg und nochmal vielen Dank.

MFG Hans Rohmann

Am besten du schaust dir das dazugehörige CSS noch mal etwas genauer an.
Web Developer https://addons.mozilla.org/de/firefo...web-developer/ zeigt dir, an was da nicht hinhaut.
Elemente einfach mal mit einer sichtbaren Kontur versehen ...
Habe das ganze Mal für dich etwas sichtbar gemacht.

Siehe Bild:
hr01.PNG

Das leere p - Element dadrunter wofür braucht du das?

Nur einen Tipp, etwas sparsam mit Divs umgehen.
Du kannst das auch so umsetzen:

Roland

Hallo Roland, herzlichen Dank für die tolle Antwort. Ich sehe schon, da gibt es noch viel zu erlernen. Ich werde mir das alles ganz genau ansehen und versuche dies alles nachzuvollziehen. Einfach abschreiben ist wohl zu wenig.
Noch einmal herzlichen Dank und ich glaube wir werden uns noch öfter hier begegnen, denn ich möchte dies alles unbedingt erlernen. Aber jetzt geht mein 65 Geburtstag vor. Danach sieht die Welt wieder anders aus.

MfG Hans Rohmann