Hallo,

Ik wil graag tekst krijgen in een bepaalde positie, Dat is in het blauwe vlak. Maar ik weet niet hoe ik de tekst er krijg.

LINK: http://83.87.98.211/my_site/ (ik host op eigen pc dus niet altijd beschikbaar.)

Zo is mijn HTML code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title>Untitled Document</title>
            <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
		</head>

		<body>
        	<div id="container">
        		<div id="header">
                	TEKST
                </div>
                <div id="main">
                </div>
                <div id="footer">
                </div>
        	</div>
		</body>
</html>


CSS code:

body
{
	margin: 0px; 
	padding: 0px; 
	background: #333333;
}
-->	Div, Classes/Id's
div#container
{
	margin: 0 auto; 
	width: 850px;
	overflow: hidden;
}

div#white_live
{
	height: 10px;
	overflow: hidden;
}

div#header
{

	background: url('images/header.png') no-repeat center; 
	height: 170px;
}

div#main
{

	background: url('images/middle.png') repeat-y center; 
	height: 900px;
}

div#footer
{

	background: url('images/bottom.png') no-repeat center; 
	height: 170px;
}

div#table
{
	margin: 0 auto; 
	width: 600px;
	overflow: hidden;
	background: url('img/header.png') no-repeat center; 
}
je had m beter op kunnen delen in header, menu, content, footer...

Dan had je een betere beschikking over het menu(die blauwe balk)
toevoegen/veranderen:
div#header {
height:63px;
margin:0 auto;
padding:107px 0 0 60px;
width:790px;
}

div#main {
width:850px;
margin:0 auto;
}

div#footer {
width:850px;
margin:0 auto;
}

Reageren