1. #1

    Registered
    07/12/07
    Location
    Destelbergen
    Posts
    652
    iTrader
    0
    Mentioned
    0 Post(s)

    Foutje in CSS (width/height/float?)

    Ik heb een foutje in m'n CSS.

    RapidShare: 1-CLICK Web hosting - Easy Filehosting

    Hier zie je dat het rechterstukje teveel naar beneden staat.
    Ook staat dat onderste balkje in het midden teveel naar beneden.

    Css:
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    .dummy{
    	line-height: 1px;
    	clear: left;
    }
    
    #container{
    	width: 795px;
    	margin-left: auto;
    	margin-right: auto;
    	
    	/*border: 1px solid black;*/
    }
    
    #banner_left{
    	float: left;
    
    	/*border: 1px solid black;*/
    }
    
    #banner_mid{
    	float: left;	
    	width: 380px;
    	height: 148px;
    	
    	border: 1px solid black;
    }
    
    #banner_mid_top{
    	float: left;
    	height: 115px;
    }
    
    #banner_mid_menu{
    	float: left;	
    	height: 21px;
    	
    	/*border: 1px solid black;*/
    }
    
    #banner_mid_bottom{
    	float: left;
    	height: 12px;
    	
    	/*border: 1px solid black;*/
    }
    
    #banner_right{
    	float: left;
    	
    	/*border: 1px solid black;*/
    }
    Html:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    		<title>
    			<?php echo $title_for_layout?>
    		</title>
    		<?php echo $html->css('cdChayofaCss'); ?>
    	</head>
    
    	<body>
    		<div id="container">
    			<div id="banner_left">
    				<?php echo $html->image('banner_left.jpg'); ?>
    			</div>
    			
    			<div id="banner_mid">
    				<div id="banner_mid_top">
    					<?php echo $html->image('banner_mid_top.jpg'); ?>
    				</div>
    				<div id="banner_mid_menu">
    					<?php echo $html->image('banner_mid_menu.jpg'); ?>
    				</div>
    				<div id="banner_mid_bottom">
    					<?php echo $html->image('banner_mid_bottom.jpg'); ?>
    				</div>
    			</div>	
    			
    			<div id="banner_right">
    				<?php echo $html->image('banner_right.jpg'); ?>
    			</div>
    			
    			<div class="dummy">
    			</div>				
    		</div>
    	</body>
    </html>
    Ik kan dus maar niet vinden aan wat dit kan liggen?

    Het rechtse stukje staat goed ondertussen. Maar ik weet niet waarom dat balkje raar doet. =(
    Ook als ik een border zet rond banner_mid_bottom, zie ik dat de image buiten die border gaat, dus buiten de div. :o
    Last edited by mattyh88; 14-02-2010 at 16:06.
    no votes  

  2. #2
    BrammGFX's Avatar
    Registered
    29/06/09
    Location
    Brugge
    Posts
    57
    iTrader
    0
    Mentioned
    0 Post(s)
    try es ze een vaste width te geven?

    " When all you gotta keep it strong, move along, move along, like I know you do, and even when your hope is gone, move along, move along, JUST TO MAKE IT THROUGH! ♥ "
    no votes  

  3. #3
    Fr3aK's Avatar
    Registered
    17/07/02
    Location
    Antwerpen
    Posts
    2,614
    iTrader
    0
    Mentioned
    0 Post(s)
    Na ff vluchtig te overlezen stel ik voor om de floats van uw divs te halen die binnen "banner_mid" staan, dat zou toch al iets van de problemen moeten oplossen vermoed ik.
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in