Coder Board Community | HTML | Ausrichtung width="*"

HTML> <head> <link rel="stylesheet" type="text/

CSS" href="navbar.

CSS" /> </head> <body> <div id="main"> <div class="cleaner"></div> <div id="content1"><div id="content2">  <div id="navbar"> <div class="navbar_element"><a href="login.php" title="Hier geht es zum Login">Login</a></div> <div class="navbar_element"><a href="register.php" title="Hier können Sie sich für den OnlineShop registrieren">Registrieren</a></div> <div class="navbar_element"><a href="index.php" title="Startseite">Home</a></div> <div class="cleaner"> </div> </div>   <div id="content" style="text-align:center;"> <h1>Test</h1> Auf dieser Seite steht der Inhalt des gesamten Dramas. Mit ein bissl text. bla bla bla <br />bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla<br /> bla bla bla </div>  <div class="cleaner"></div> </div> </div> </body> </

HTML>

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:

/*ALLGEMEINE FORMATIERUNGEN*/
body {
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 135%;
	margin: 0px;
}

/*DIV's*/
#main {
	margin-left: 0px;
	margin-top: 10px;
}


/*Definitionen run um die Navbar (inkl. Links)*/
#navbar {
	float: left;
	width: 205px;
	margin: 0px;
	background-color: #4682B4;
	
}

/*weite muss 202 ergeben*/
.navbar_element {
	width: 200px;
	margin-left: 0px;
	margin-bottom: 3px;
	padding-left: 5px;
	background-color: #9CA8B4;
	margin-top: 1px;
	color: #FFFFFF;
}

#navbar hr {
	margin-left: 23px;
	width: 201px;
}
#navbar a:link, #navbar a:visited, #navbar a:active {
	color: #FAFAFA;
	text-decoration: none;
}
#navbar a:hover, #navbar a:focus {
	color: #F0F0F0;
	text-decoration: none;
	font-weight: bold;
}
#navbar_warenkorb {
	display: none;
	text-align: center;
	color: #FAFAFA;
}
/*============================================*/



/* 
	+------------------------------------------+
   | DEFINITION DES CONTENT-BEREICHES         |
	+------------------------------------------+
*/
#content1 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #DEDEDE;
	width: auto;
	float: none;
	background-color: #0000FF;
}

#content2 {
	margin-left: 0px;
	margin-right: 0px;
	//background: #FFFFFF url(u_border.gif) top left repeat-y;
	background-color: #00FF00;
	width: auto;
}

#content {
	margin: 0px;
	padding-left: 20px;
	margin-left: 205px;
	width: auto;
	background-color: #FF0000;
}

#content h1 {
	color: #708090;
	margin-top: 0px;
}

/*--------------------------------------------------------------------------*/


.cleaner {
	clear: both;
	font-size: 1px;
	height: 1px;
}


/*spacer. zum platz machen*/
.space5 {
	height: 5px;
}
.space10 {
	height: 10px;
}
.space15 {
	height: 15px;
}
.space20 {
	height: 20px;
}
.space25 {
	height: 25px;
}