Zentrirung von DIV inerhalb eines DIVs

inetEXT · 06.04.2013

[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:

<style>
#content {
	background-color:#4c4c4c;
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:75%;
	margin:0 auto;
}
#rightbox {
	float:left;
	position:relative;
	height:auto;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	width:25%;
}
#content-1 {
	float:left;
	height:auto;
	width:75%;
	position:relative;
	float:left;
}
</style>
<body>
<div id="content">
  <div id="content-1">
 
  </div> <!-- End Content-1 -->

    <div id="rightbox">

    </div>
</div>
</body>

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

cebito · 06.04.2013

AW: Zentrirung von DIV inerhalb eines DIVs

Warum floatest du den content?

http://jsfiddle.net/ngchg/

inetEXT · 06.04.2013

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.

cebito · 06.04.2013

AW: Zentrirung von DIV inerhalb eines DIVs

Hatte zu schnell geguckt... klick mal hier http://jsfiddle.net/ngchg/

patrick_l · 06.04.2013

AW: Zentrirung von DIV inerhalb eines DIVs

HTML:

<!-- HTML5 -->
<header>
   <div class="inside">
      <!-- content here! -->
  </div>
</header>

Code:

/* --| CSS |------- */
header {height:180px;}
header .inside {height:180px; width:75%; margin:0 auto;}

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

inetEXT · 06.04.2013

AW: Zentrirung von DIV inerhalb eines DIVs

Danke Problem gelöst

Beide Lösungen klappen wunderbar.