|
|||
Problem mit positionierung
hallo,
es geht um die Positionierung mehrerer (div)Elemente auf meiner Seite wallpapers.projekt2k.de Ich stelle diese Seite gerade um vom Layout per Tabellen auf eine etwas modernere Version. Zum Problem: Links habe ich das Menu. Es wird positioniert per: Code:
.menu{ ... float: left; clear: left; width: 145px; margin-top: 4px; margin-left: 5px; } mit ausreichendem Abstand dazu sollen alle Weiteren Elemente angeordnet werden. z.b. ein Normaler Textblock: Code:
.posten{ ... margin-left: 170px; margin-top: 8px; } Die Bilder mit der Beschreibung sollen nun in 2 extra Blöcken hängen, welche auf einer Höhe stehen sollen: Code:
.thumb{ ... vertical-align: top; width: 150px; height: 110px; margin-left: 170px; margin-top: 8px; clear: left; float: left; } .beschreibung{ ... vertical-align: top; margin-left: 340px; margin-top: 8px; height: 110px; } wenn ich oben auf höhe des Menus keinen Textblock habe, dann stehen Bild und Beschreibung nicht mehr auf einer höhe, sondern versetzt. Die Box mit dem Bild beginnt erst auf der Höhe wo das Menu endet - Die beschreibung ist weiter oben. Wie ich auch mit Float und Clear herumprobiere es funktioniert nicht. Wie muss ich vorgehen um diese beiden Boxen möglichst weit oben, aber nebeneinander darzustellen. Oder geht das nur über eine weitere unsichtbare box (ähnlich der "Posten") in der beide enthalten sind? danke schonmal Stil |
Sponsored Links |
|
|||
Ich würde um <div class="thumb"> und <div class="beschreibung"> noch ein DIV packen und das dann floaten lassen. die anderen beiden müssen nicht floaten. Vielleicht hilft das schon.
Zum Floaten ansonsten folgende Links: ***Float: Die Theorie - http://css-technik.de/css-examples/219_9/ ***Das Floatutorial - http://css.maxdesign.com.au/floatutorial Und auch noch die: - http://www.positioniseverything.net/easyclearing.html - http://www.complexspiral.com/publica...aining-floats/ - http://www.csscreator.com/attributes/containedfloat.php - http://www.minzweb.de/de/pages/sitet...link.asp?ID=47
__________________
Grüße aus Mainz, Jens ------------------------------------------------------ [webkrauts.de] [blog.grochtdreis.de] |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Hintergrund + Positionierung | deepy | (X)HTML | 2 | 27.07.2010 12:33 |
Problem bei Positionierung einer div Box | Octane | CSS | 3 | 30.04.2009 15:44 |
Problem mit relativer Positionierung | wahn_nau | CSS | 2 | 19.03.2009 08:45 |
Problem mit Positionierung | kampfgnom | CSS | 6 | 17.01.2008 15:34 |
CSS - Problem mit Positionierung | Lion King | CSS | 9 | 03.02.2005 00:15 |