zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit positionierung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.08.2004, 16:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.03.2004
Beiträge: 1
StilgarBF befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Das Funktioniert gut.
mit ausreichendem Abstand dazu sollen alle Weiteren Elemente angeordnet werden.
z.b. ein Normaler Textblock:
Code:
.posten{
	...
	margin-left: 170px;
	margin-top: 8px;
}
Das funktioniert auch!
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;
}
genau das funktioniert nicht.
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.08.2004, 19:18
Webstandards-Evangelist
neuer user
 
Registriert seit: 25.07.2003
Ort: Mainz
Beiträge: 93
Flocke befindet sich auf einem aufstrebenden Ast
Standard

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]
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:11 Uhr.