content unter das Menü-frame verschoben

[delueks]

Leider habe ich auch nach kurzer Suche im Forum nichts zu meinem Problem gefunden - ich hoffe nicht, dass das nur an den falschen Suchkriterien lag..

Allerdings bin ich für jeden Hinweis dankbar, da ich einfach nicht auf die Lösung komme.

Ich weiß zwar, dass mein Template nicht valide ist, doch weiß ich nicht, wie ich das beheben kann.
Folgendes Problem habe ich: der Inhalt des content-frames rutscht so weit runter, wie hoch das Seitenmenü bzw. wie hoch die beiden divs links davon sind.

Mein Patient sieht im Moment so aus:  http://www.immobilien.bz.it/index.php?p ... en_it  (bitte nach unten scrollen)

Da ich ein absoluter Anfänger bin, wäre mir auch sehr geholfen, wenn mir jemand einen Hinweis auf die verschobenen Auflistungspunkte geben könnte.

ich bitte sehr sehr höflich um ein paar Antworten
Danke vielmals, delueks

[NaN]

Wieso muss immer ich die Arbeit anderer Leute machen 

Ist mal wieder eine Frage des Stylesheets.
Schau mal: Dein Menu hat zwar float:left, aber nicht Dein Content.
D.h. er rutsch in die nächste "Zeile" (also unter das Menü).

Also gib auch dem Div mit der ID content ebenfalls float:left.
Dann  nimm dieses fette Margin left von 160px weg. (setz es auf 10px)
Und gib dem Content eine Breit von 579px

Fertsch

[delueks]

Wieso muss immer ich die Arbeit anderer Leute machen 

hmm.. weil Du wahrscheinlich als einer von wenigen immer einen guten Tip parat hast Du hast mir schon mal geholfen und auch dieses Mal hat dein Hinweis bestens geklappt. Habe zwar firebug installiert, aber wusste nicht wo ansetzen.

Sieht jetzt jedenfalls fast perfekt aus, bis auf die Auflistungszeichen. Kannst du mir da einen Tipp geben, damit die nicht so nach links gedrängt werden? Habe es mit list-style-position: inside; probiert, leider erfolglos..

Danke in dem Fall nochmals und viele Grüße..

[NaN]

Ja, Firebug ist schon genial, allerdings muss man auch da wissen was man zu tun hat
Ich mag im rechten Fenster den Tab "Layout". Der zeigt einem ganz genau wo welche Abstände herkommen (Margin, Border, Padding), wie groß der angezeigte Bereich tatsächlich ist und welchen Platz das Element wirklich einnimmt.
Aber am genialsten finde ich, dass man im Tab "Styles" die Stylesheets der einzelnen Elemente ausprobieren kann.
Jede Änderung wird gleich im Browser angezeigt. Dann braucht man sich am Ende nur noch zu notieren welches Element welche Styles bekommt und kann es dann im Stylesheet einfügen - und es passt sofort
Ich nutze Firebug in letzter Zeit immer öfter als WYSIWYG Editor mit Live-Preview

Zu Deinem Problem...
Das liegt daran, dass Du am Anfang Deines Stylesheets für alle Elemente padding: 0; definierst.
Für diese Listen brauchst Du aber Padding. Zumindest links (z.B. 20 Pixel):

Code: Select all

.openestate_listing_entry .col_1 ul, 
.openestate_listing_entry .col_2 ul {
    float:left;
    margin:0;
    padding:0 0 0 20px;
}

[delueks]

Ja, Firebug ist schon genial, allerdings muss man auch da wissen was man zu tun hat

ja, leider haperts da bei mir noch ein wenig..

Danke für die Hilfe, das ist natürlich wieder mal genau das Richtige.. viele Grüße und vielen Dank..