Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 12.05.2015, 15:57
dk206 dk206 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.05.2015
Beiträge: 3
dk206 befindet sich auf einem aufstrebenden Ast
Standard Hintergrund wiederholt sich nicht bei verschachtelten divs

Hallo,

ich hoffe das mir jemand weiterhelfen kann, denn trotz Lösungssuche und mehrerem ausprobieren will meine Webseite einfach nicht so funktionieren wie ich es gerne hätte

Ich habe mehrere verschachtelte divs, in einem liegt die Hintergrundgrafik welche sich wiederholen soll wenn der Inhalt größer wird. Leider tut es das nicht und ich weiß nicht woran das liegt oder vielleicht sehe ich auch den Wald vor lauter Bäumen nicht mehr.

Würde mich sehr über Hilfe und Tipps freuen.

Vielen Dank und Grüße,
dk

Hier mein Code:
<div class="main_content">
<div class="main_content_top">Lorem ipsum</div>

<div class="main_content_center">
<div id="box_content">
<div class="box">
<div class="box_title">>Lorem ipsum</div>
<p>Lorem ipsum</p>
</div>

<div class="box">
<div class="box_title">>Lorem ipsum</div>
<p>Lorem ipsum</p>
</div>

<div class="box_news">
<div class="box_title">>Lorem ipsum</div>
<p>Lorem ipsum</p>
</div>
</div><!--end of box content-->
</div><!--end of main content center-->
</div><!--end of main content-->


Hier mein CSS:
.main_content{
width:1202px;
height:auto;
margin:auto;
padding:0 0 0 0;
}

.main_content_top{
width:1202px;
height:42px;
background-image: url("/staging/img/content_top.png");
}

.main_content_center{
width:1202px;
height: auto;
min-height: 340px;
background: url("/staging/img/content_center.png") repeat-x !important;
}

.main_content_bottom{
width:1202px;
height:42px;
background-image: url("/staging/img/content_bottom.png");
}

#box_content{
width:930px;
clear:both;
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 183px;
}

.content_title{
font-size:18px;
color:#ff7f00;
padding:10px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}

.box{
float: left;
width: 250px;
min-height: 300px;
height: auto;
display: inline-block;
position: relative;
margin: 0 25px 0 0;
padding: 0 20px;
text-align:left;
text-decoration: none;
font: bold 12px/25px Arial, sans-serif;

text-shadow: 1px 1px 1px rgba(255,255,255, .22);

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;

color: #19667d;

background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #c9c7c7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#c9c7c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#c9c7c7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#c9c7c7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#c9c7c7 100%); /* IE10+ */
background: linear-gradient(top, #eeeeee 0%,#c9c7c7 100%); /* W3C */

box-shadow: 5px 5px 5px #818181;
}
Mit Zitat antworten
Sponsored Links