2 CSS Vraagjes

Door Raymen op 30-04-2007 10:44

1.090 views

hey ik heb 2 vraagjes,
met margin, ( margin: 0px 0px 0px 0px; )
Wat is de linkerkant en wat is de rechterkant enz.

en ik ben bezig met me rechtermenu maar hij wilt niet breder worden:
test.html


<link rel="stylesheet" type="text/css" href="style.css">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>

<div id="header">
<h1>Header Titel</h1>
</div>

<div id="menu_l">
Home
<br />
News
<br />
Projects
</div>

<div id="menu_r">
User panel
User info
Personal Messages
</div>

<div id="content">
risque nec, tincidunt non, nulla. Duis dolor est, ultrices ac, bibendum non, adipiscing a, nisl. Nam dui justo, laoreet non, scelerisque ac, accumsan non, purus. Fusce rutrum pretium elit. Integer gravida. Cras tempor. Sed fringilla nunc vel nibh. Ut porta, orci eu fringilla iaculis, diam nisl pharetra est, ut bibendum augue orci vel mauris. Quisque tempor uscipit diam.</p>
</div>

style.css


body{
	background-color: #535353;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:10px 10px 10px 10px;
}

#sidebar { float: left; padding: 9px;width: 200px; border-right: 2px solid #fff; }

h1 { font: bold 14px arial; }
h2 { font: bold 12px arial; margin-top: 5px; }

#header { 
	height: 100px; 
	min-width: 700px; 
		}
		
#menu_l { 
	float: left; 
	padding: 4px; 
	width: 8px; 
	border-right: 2px solid #fff; 
		}
		
#menu_r { 
	float: right; 
	padding: 4px; 
	margin: 0px 0px 0px 0px; 
	width: 60px; 
	border-left: 2px solid #fff; 
		}
		
#content {
	margin: 0px 10px 0px 80px; 
	padding: 10px; 
		}

</style>
<!--[if IE]>
<style>
#header h1 { width: 700px; }
</style>
<![endif]-->