Beste,

ik zit een beetje krab.. ik ben bezig met scripten van een layout.. maar ik heb dus een content gemaakt..
maar daar loopt laat hij geen background zien als ik em op 100% zet..

Als ik em op 400px zet dan laat em wel zien maar de website wordt flexibel.. dus rekbaar..

het gaat om het stukje #main

CSS

PHP Code:

<style type="text/css">

body {
    margin:0;
    padding:0;
    font:10px Arial, Helvetica, sans-serif;
    background:url(images/bg.gif) top left repeat-x;}
    
#container {
    margin:10px auto;
    width:1000px;
    height:100%;}
    
#header {
    padding-top:30px;
    widows:1000px;
    height:190px;
    background:url(images/headerbg2.png) top left no-repeat;}
#header #logos {
    width:970px;
    padding-left:30px;
    height:140px;}
    #header #logo img {
        float:left;
        padding-left:30px;}
#header #menubar {
    width:700px;
    font-size:14px;
    margin-left:260px;
    height:40px;
    color:#FFF;}
    #header #menubar ul {
        width:700px;
        list-style:none;
        margin:0;}
        #header #menubar ul li {
            cursor:pointer;
            font-size:12px;
            letter-spacing:1px;
            padding-left:20px;
            color:#d7d7d7;
            float:left;}
        #header #menubar ul li a {
            color:#d7d7d7;
            text-decoration:none;}
        #header #menubar ul li a:hover {
            color:#ed145b;}
        #header #menubar ul li.select {
            color:#ed145b;}
    
#menu {
    float:left;
    background:url(images/menubg.png) top right repeat-y;
    width:282px;
    height:300px;}
    
    
#main {
    background:url(images/mainbg.png) top left repeat-y;
    height:100%;
    width:1000px;}
    
    #main #m-left {
        float:left;
        margin-left:20px;
        width:235px;
        height:100%}
    #main #m-right {
        float:right;
        width:740px;
        height:100%;}
        
    #main #m-left #blok-magazine {
        margin-top:40px;
        background:url(images/Blok-magazine.png) top left no-repeat;
        padding:15px;
        width:190px;
        height:155px;}

</style> 


HTML

PHP Code:

<div id="container">

    <div id="header">
        <div id="logos">
            <img src="images/logo.png" alt="" border="" />
            <img src="images/magazine-enschede.png" alt="" border="" style="margin:10px 10px" />
        </div>
        <div id="menubar">
            <ul>
                <li class="select">Home</li>
                <li><a href="">Nieuws</a></li>
                <li><a href="">Filmpjes</a></li>
                <li><a href="">Agenda</a></li>
                <li><a href="">Doe Mee!</a></li>
                <li><a href="">Adverteren</a></li>
                <li><a href="">Bij ons werken</a></li>
                <li><a href="">Contact</a></li>
            </ul>
        </div>
    </div>
    
    <div id="main">
        <div id="m-left">
            <div id="blok-magazine">fdsafda</div>
            <br /><br />
            <a href="#"><img src="images/adverteren.png" alt="" border="" /></a><br />
            <a href="#"><img src="images/adverteren.png" alt="" border="" /></a>
            
        </div>
        <div id="m-right"></div>
    </div>

</div> 


Thanks voor jullie help..

MvG
Redouan

Een url is veel vriendelijker, heb je die voor ons?

Zet zowiezo even een "overflow: hidden;" bij #main.

Origineel gepost door gast17649

Zet zowiezo even een "overflow: hidden;" bij #main.

Thanks.. ik heb overflow toegevoegd en nu is tie goed..