mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 11:42 Benutzername: Passwort: Auto-Login

Thema: CSS - Positionierung von Elementen vom 17.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS - Positionierung von Elementen
Autor Nachricht
Bash
Threadersteller

Dabei seit: 27.02.2005
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Mo 17.07.2006 20:55
Titel

CSS - Positionierung von Elementen

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
reacon

Dabei seit: 27.08.2004
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Mo 17.07.2006 21:08
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Bash
Threadersteller

Dabei seit: 27.02.2005
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Mo 17.07.2006 21:17
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
magick

Dabei seit: 16.07.2006
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 19.07.2006 08:42
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.