Anzeige

Richtige Positionierung des div-Containers

Richtige Positionierung des div-Containers | PSD-Tutorials.de

Erstellt von Foos, 25.03.2010.

  1. Foos

    Foos Member

    1
    Dabei seit:
    31.01.2007
    Beiträge:
    1.025
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver, Indesign, Illustrator
    Kameratyp:
    Sony A7R/A7S
    Richtige Positionierung des div-Containers
    Hallo, ich hätte da mal wieder eine Frage:

    Hab einen Screenshot für besseres Verständnis gemacht ^^

    [​IMG]

    Der kleine weiße Kasten rechts oben soll immer rechtsbündig mit dem
    großen weißen Kasten abschließen.
    Wenn ich den kleinen nun absolute positioniere ist er je nach Browserfenstergröße ja mal hier und mal da.
    Meine Frage: Geht es irgendwie das der kleine Kasten sich immer am großen orientiert?

    Danke
     
    #1      
  2. Richtige Positionierung des div-Containers
    AW: Richtige Positionierung des div-Containers

    versuchs mal mit float right und gib die passenden Werte ein. Einfach al probieren. Der kleine weiße kasten hat ja auch einen Namen.

    # kleiner Kasten {
    padding: 10px;
    width: 230px;
    float:right;
    }

    jetzt nur als Beispiel
     
    #2      
  3. DieWaldfeee

    DieWaldfeee Noch nicht viel geschrieben

    Dabei seit:
    08.02.2010
    Beiträge:
    31
    Richtige Positionierung des div-Containers
    AW: Richtige Positionierung des div-Containers

    wrap den kleinen kasten in ein div mit der selben grösse wie der grosse kasten.

    .grosser-kasten, .wrap-kleiner-kasten{
    width:1000px;
    }
    .kleiner-kasten{
    float:right;
    }

    nur als bsp.
     
    #3      
  4. Ravetracer

    Ravetracer Hobbyfotograf

    Dabei seit:
    02.03.2010
    Beiträge:
    22
    Geschlecht:
    männlich
    Ort:
    nähe Frankfurt am Main
    Software:
    Lightroom 5.7, Pixelmator (OSX), GIMP, Affinity Designer, Affinity Photo (Beta)
    Kameratyp:
    Canon EOS 550D DSLR
    Richtige Positionierung des div-Containers
    AW: Richtige Positionierung des div-Containers

    Es gibt auch die Möglichkeit einfach beide Kästen in einem großen DIV unterzubringen:

    CSS-Teil
    PHP:
    1.  
    2. #contentKasten { width:800px; height:600px; margin:0 auto; }
    3. #kleinerKasten { width:100px; height:20px; float:right }
    4. #großerKasten { width: 800px; height:400px; float:right }
    5.  
    HTML-Teil
    PHP:
    1.  
    2. <div id="contentKasten">
    3.   <div id="kleinerKasten"> Inhalt klein </div>
    4.   .
    5.   . eventuell <br />'s ;)
    6.  .
    7.  <div id="großerKasten"> Inhalt groß </div>
    8. </div>
    9.  
     
    #4      
  5. Foos

    Foos Member

    1
    Dabei seit:
    31.01.2007
    Beiträge:
    1.025
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver, Indesign, Illustrator
    Kameratyp:
    Sony A7R/A7S
    Richtige Positionierung des div-Containers
    AW: Richtige Positionierung des div-Containers

    Jup, dat wars. Fettes Merci an euch alle ;)
     
    #5      
x
×
×