• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div and oberer div ausrichten

elpee

Neues Mitglied
div an anderer div ausrichten

Hallo Zusammen!
zwei Container, den siteWrapper und das sideElement.
Code:
#siteWrapper{
  background-color: #fff;
  margin: 50px auto; 
  padding: 30px;
  width: 800px;
  text-align: center;
  position: relative;
  box-shadow: 0px 0px 10px #000;
   -webkit-box-shadow: 0px 0px 10px #000;
   -moz-box-shadow: 0px 0px 10px #000;
Code:
<div style="
    text-align:center;
    position: fixed;
    left: 1280px ; /* or right */
    top:;
    bottom: 45% ;
    overflow: auto;
    background-color:#eee; border: 1.5px #333 solid; padding: 5px;
    ">
     Lorem Ipsum
</div>

Ich moechte, dass das sideElement auf jedem Bildschirm genau rechts von dem siteWrapper angezeigt wird. Das heisst: Gibt es die Moeglichkeit mithilfe von css einen div-container am uebergeordenten auszurichten? Also einfach {left 830 px} und er richtet sich nach dem linken Rand der oberen div.

mfg
 
Zuletzt bearbeitet:
Werbung:
Der Container "siteWrapper" bildet den Rahmen fuer die Webseite.. und Das "sideElement" soll ein Warenkorb (Widget-aehnlich) werden. Nun wird der Inhalt zentriert, durch align center.
Die Frage::
Wie bekomme ich das sideElement auf jeder Bildschirmgroesse genau rechts vom Inhalt angezeigt? -Ich kann ja keine pixel oder %-Angaben vom Bildschirmrand machen, da wirds nur bei einer bestimmten Aufloesung genau.
 
Werbung:
Unbenannte Zeichnung.jpg

erstelle ein inhalt und side element "container".


dann

Code:
#inhalt {

float: left;
width: 67%;
}

#sideelement {

margin-left: 67%;
}

Solltest du unter dem inhalt und sideelement eine Fußzeile oder weitere Container platzieren musst du für diesen im CSS "clear: both;" setzen, damit das Floaten auch wieder aufhört.
 
Zurück
Oben