Autor |
Nachricht |
Bash
Threadersteller
Dabei seit: 27.02.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mo 17.07.2006 20:55
Titel CSS - Positionierung von Elementen |
|
|
Hi leute, ich hab folgendes Problem:
Wie krieg ich den Kasten rechts so hin, dass er nicht absolut positioniert ist, denn dann setzt sich das element darunter nicht mehr nach unten sondern ignoriert den senkrechten kasten.
Also er soll rechts ausgerichtet sein, kann sich in der höhe verändern und der kasten unten passt sich dem an
Vielen Dank
Bash
|
|
|
|
|
reacon
Dabei seit: 27.08.2004
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Mo 17.07.2006 21:08
Titel
|
|
|
Ich bin zwar noch kein Pro in CSS, aber ich würde es so machen:
<div>Das große drumherum</div>
In diesem DIV dann die nächsten div's:
<div style="float:right">Der rechte Container</div>
<div>Das da drunter, welches sich eigentlich automatisch darunter orientieren sollte. Falls nicht mal ein clear mit reinnehmen. Damit der rechte Kasten mitläuft reicht eigentlich ein height: auto;</div>
Bitte korrigieren falls ich das falsch sehe.
Zuletzt bearbeitet von reacon am Mo 17.07.2006 21:11, insgesamt 3-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Bash
Threadersteller
Dabei seit: 27.02.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mo 17.07.2006 21:17
Titel
|
|
|
So siehts jetzt aus:
und so sieht das CSS dazu aus
Code: | #gesamt {
position: relative;
width: 100%;
height: auto;
}
#seite {
position: relative;
width: 149px;
height: auto;
float: right;
}
#unten {
position: relative;
width: 99%;
height: 22px;
bottom: 0px;
padding-left: 1%;
padding-top: 25px;
clear: left;
} |
und so das html
Code: | <div id="gesamt">
<div id="rechts">
</div>
<div id="unten">
</div>
</div> |
Edit*
Merk gerade dass es nur im FF so angezeigt wird. Im IE 7 ist die darstellung korrekt
Zuletzt bearbeitet von Bash am Mo 17.07.2006 21:28, insgesamt 2-mal bearbeitet
|
|
|
|
|
magick
Dabei seit: 16.07.2006
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Mi 19.07.2006 08:42
Titel
|
|
|
Wenn du float:right; benutzt musst du auch clear:right; machen (oder gleich clear:both;), damit es funktioniert. height:auto; ist unnötig, das ist die default-einstellung für div.
|
|
|
|
|
|
|
|
Ähnliche Themen |
(css) positionierung von elementen
Positionierung von zwei Elementen nebenander
[HTML5/CSS] Ausrichtung von li-Elementen
Positionsbestimmung (absolute) von IMG-Elementen im IE 6.0
Datentype von $_REQUEST Elementen ermitteln
Navigation mit Hover Elementen in Wordpress
|
|