ok soweit so gut aber..
also soweit is die äußere erscheinung nach meinen wünschen... aber es fehlen im quellcode die teile, die es mir ermöglichen links die schwarze spalte sowie oben den schwarzen balken mit content zu füllen, weil ich da ja noch menü und titel hinmachen will! ich bekomms nich hin, da muss iwas in den stylesheets nochma verändert werden... und dazu hätt ich gern dass sich die linke menüspalte , sowie der main part, automatisch verlängern wenn der inhalt entsprechend lägner is, jedoch bei wenig inhalt bei einer gewissen mindesthöhe bleiben ich hab alles versucht, auch vorher in selfhtml alles gelesen aber diese sachen bekomm ich einfach nich hin...
vorschau: MoeTek GbR
css:
also soweit is die äußere erscheinung nach meinen wünschen... aber es fehlen im quellcode die teile, die es mir ermöglichen links die schwarze spalte sowie oben den schwarzen balken mit content zu füllen, weil ich da ja noch menü und titel hinmachen will! ich bekomms nich hin, da muss iwas in den stylesheets nochma verändert werden... und dazu hätt ich gern dass sich die linke menüspalte , sowie der main part, automatisch verlängern wenn der inhalt entsprechend lägner is, jedoch bei wenig inhalt bei einer gewissen mindesthöhe bleiben ich hab alles versucht, auch vorher in selfhtml alles gelesen aber diese sachen bekomm ich einfach nich hin...
vorschau: MoeTek GbR
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<h1>
<img src="moetek.png" alt="Moetek" width="200" height="141" id="logo"/>
</h1>
<div id="content">
<br>
<h2>Startseite</h2>
Herzlich Willkommen auf Moetek.de<br>
</div>
<div class="clear" ></div>
<div id="footer">
2008 © MoeTek
</div>
</div>
</html>
Code:
body {
background-color: #9AC0CD;
font-family:Verdana;
font-size:16px;
}
#content {
text-align: center;
width: 600px;
height: 500px;
background-color: #AAAAAA;
float: right;
}
#footer {
text-align: center;
color: white;
}
#wrapper {
margin: 0 auto;
width: 800px;
background-color: black;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
font-size:28px;
}
h1 img {
display: block;
border: 0px solid;
}
.clear {
clear: both;
}
