My background does not fill how I wan't it: it only fills behind the txt, not the whole height of the div.. Got two divs inline with a wrapper around it. The right div has a background through CSS. But it does not fill..
Its plain simple but i'm stuck and ashamed (or to tired and in a hurry) -grrr- Got it working with css3, but its to new for some of my "visitors/clients", etc.
Here it is:
<style type="text/css">
<!--
body {
font: 100%/1.4 Helvetica, Verdana, Arial, sans-serif;
background: #FFF;
margin: 0;
padding: 0;
color: #000;
}
.container {
width: 100%;
background: #FFF;
margin: 0;
padding:0;
}
.wrapper {
display: inline-block;
width:75%;
float:right;
text-align:right;
margin:0;
padding:0;
}
.wrapper-img {
display:inline;
margin:0;
padding:0;
width:7px;
height:45px;
}
.wrapper-content-img {
display:inline;
margin:0;
padding:0;
width: 100%;
height: 45px;
background-image:url(images/paper-for-info-menu-right.gif);
/*background-size:100%;*/
}
.stretch {
width:100%;
height:100%;
}
-->
</style>
</head>
<body>
<div class="container">
<p> TEST TEST</p>
<div class="wrapper">
<div class="wrapper-img">
<img src="images/paper-for-info-menu-left.gif" width="7" height="45" alt="" />
<!-- End wrapper img--></div>
<div class="wrapper-content-img">
Lorem Ipsum Test Txt - Where is my background?
<img src="images/paper-for-info-menu-right.gif" width="" height="45px" alt="" />
<!-- End wrapper content img--></div>
<!-- End container --></div>
</body>
</html>