Sidr
PSD-Tutorials.de

Zentrirung von DIV inerhalb eines DIVs

Dieses Thema im Forum "(X)HTML & CSS" wurde erstellt von inetEXT, 06.04.2013.

  1. inetEXT

    inetEXT Mr.Help

    Dabei seit:
    06.04.2013
    Beiträge:
    29
    Geschlecht:
    männlich
    Software:
    CS6 Dreamweaver,CS4 Photoshop,Notpad++
    Kameratyp:
    Nikon d3000
    Zentrirung von DIV inerhalb eines DIVs
    [ERLEDIGT] Zentrirung von DIV inerhalb eines DIVs

    Grüße an die Community :) ,

    Folgendes :
    Im grund ist die Webside genau so aufgebaut wie die PSD Tutorials Website
    (vom aufbau her).

    (width=%)
    Head:100%
    contentbereich:75%
    -> ContentBox 75%
    -> RightBox 25%
    footer:100%

    Was ich will ist das der Content bereich mittig ist und 75% des Browsers einnimmt.

    mein content bereich :

    HTML:
    1.  
    2. #content {
    3.     background-color:#4c4c4c;
    4.     position:relative;
    5.     display:block;
    6.     float:left;
    7.     height:auto;
    8.     width:75%;
    9.     margin:0 auto;
    10. }
    11. #rightbox {
    12.     float:left;
    13.     position:relative;
    14.     height:auto;
    15.     box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    16.     width:25%;
    17. }
    18. #content-1 {
    19.     float:left;
    20.     height:auto;
    21.     width:75%;
    22.     position:relative;
    23.     float:left;
    24. }
    25. <div id="content">
    26.   <div id="content-1">
    27.  
    28.   </div> <!-- End Content-1 -->
    29.  
    30.     <div id="rightbox">
    31.  
    32.     </div>
    33. </div>
    34. </body>
    35.  
    PS : Sind bestimmt viele Werte im CSS die nicht von gebrauch sind.
    Hab keine antwort gefunden, hab viele theard's gesehen aber keins das mich weiter gebracht hat.

    Mit freundlichen Grüßen, inetEXT
     
    Zuletzt bearbeitet: 11.04.2013
    #1      
  2. cebito

    cebito undefined

    242
    Dabei seit:
    08.03.2008
    Beiträge:
    8.178
    Geschlecht:
    männlich
    Ort:
    Dresden
    Software:
    PS7, Kopf
    Kameratyp:
    zum durchgucken
    Zentrirung von DIV inerhalb eines DIVs
    Zuletzt bearbeitet: 06.04.2013
    #2      
  3. inetEXT

    inetEXT Mr.Help

    Dabei seit:
    06.04.2013
    Beiträge:
    29
    Geschlecht:
    männlich
    Software:
    CS6 Dreamweaver,CS4 Photoshop,Notpad++
    Kameratyp:
    Nikon d3000
    Zentrirung von DIV inerhalb eines DIVs
    AW: Zentrirung von DIV inerhalb eines DIVs

    Der div Content ist doch geschlossen ich zähle 3 </div>
    Der über dem </body> ist der geschlossene content div
    Ich flote die damit die nebeneinander stehen
    Ja muss nur content-1 float:left; geben damit die rightbox rechts daneben ist.
     
    #3      
  4. cebito

    cebito undefined

    242
    Dabei seit:
    08.03.2008
    Beiträge:
    8.178
    Geschlecht:
    männlich
    Ort:
    Dresden
    Software:
    PS7, Kopf
    Kameratyp:
    zum durchgucken
    Zentrirung von DIV inerhalb eines DIVs
    #4      
  5. patrick_l

    patrick_l Medienjongleur

    21
    Dabei seit:
    11.05.2008
    Beiträge:
    6.490
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Branchenspezifische Anwendungen unter Win/OSX/Ubuntu, Wacom [...]
    Kameratyp:
    Canon DSLR [...]
    Zentrirung von DIV inerhalb eines DIVs
    AW: Zentrirung von DIV inerhalb eines DIVs

    HTML:
    1.  
    2. <!-- HTML5 -->
    3.    <div class="inside">
    4.       <!-- content here! -->
    5.   </div>
    6.  
    Code (Text):
    1.  
    2. /* --| CSS |------- */
    3. header {height:180px;}
    4. header .inside {height:180px; width:75%; margin:0 auto;}
    5.  
    width 100% kannst du auch weg lassen, da die Div wenn nicht anders angegeben 100% breit ist. das selbe gilt für die Höhe.

    Liebe Grüße, Patrick
     
    #5      
  6. inetEXT

    inetEXT Mr.Help

    Dabei seit:
    06.04.2013
    Beiträge:
    29
    Geschlecht:
    männlich
    Software:
    CS6 Dreamweaver,CS4 Photoshop,Notpad++
    Kameratyp:
    Nikon d3000
    Zentrirung von DIV inerhalb eines DIVs
    AW: Zentrirung von DIV inerhalb eines DIVs

    Danke Problem gelöst :)
    Beide Lösungen klappen wunderbar.
     
    #6      
Drupal Programmierung