CSS Design

Drezard · August 6, 2008

Hello,

I'm trying to do some basic CSS stuff. I want this code:

<html>

    <head>
      
        <title> Simple Application </title>
        
	<style type="text/css">
        <!--
        
		#header {top: 0px;
		         left: 0px;
				 height: 170px;
				 width: 100%;
				 background-color: #0033FF;}

		#content {top: 172px;
		         left: 0px;
				 height: 512px;
				 width: 100%;}

        -->
        </style>
        
</head>
    
<body>

        <div id="header"> </div>
            
        <div id="content"> </div>

</body>
    
</html>

To display a box that goes RIGHT across the screen. So no white margins either side. How do i modify my code to do this? Cause currently on IE7, it has a huge white margin on either side.

Thanks, Daniel

waynew · August 6, 2008


<style type="text/css">
        <!--                         

body, html{
margin:0px;
padding:0px;
}
        
		#header {top: 0px;
		         left: 0px;
				height: 170px;
				width: 100%;
				background-color: #0033FF;}

		#content {top: 172px;
		         left: 0px;
				height: 512px;
				width: 100%;}

        -->
        </style>

Sign In

CSS Design

Recommended Posts

Drezard

Link to comment

Share on other sites

waynew

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information