Hilfe bei komplettem, sehr simplen Webdesign

Dschengiz · #1 (**permalink**) 23.05.2013, 01:32

Hallo liebe CSS-Freunde,

ich bin drauf und drann ein simples Webdesign für reale Verwendung zu erstellen (basierend auf CSS). Ich bin neue hier

Man nennt mich Dschengiz. Schon einige Zeit ist vergangen, als ich mich das letzte Mal mit Webdesign befasst habe. Es geht mir gerade nur mal um ein gewisses Grundgerüst. Im Moment komme ich nicht weiter und hab keinen Plan warum. Ich hoffe Ihr könnt mir dabei helfen!

HTML-Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="design.css"> 
</head>
<body>
	<div id="webseite">
		<div id="header">
			<h1>Meine Website</h1>		
		</div>
		<div id="main">
			<div id="horizontal_menue"></div>
			<div id="rechts">
				<div id="vertikal_menue"></div>
				<div id="inhalt"></div>			
			</div>		
		</div>
		<div id="footer">written by Dschengiz 2013</div>
	</div>
</body>
</html>

Code:

body {
	background-color: white;
	text-align: center;	
	}
#webseite{
	width: 980px;
	margin: auto;	
	}
#header{
	width: 980px;
	height: 150px;
	background-color: orange;
	border-radius: 5px;	
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}
#header h1 {
	padding-top: 50px;
	font-size: 60px;
	font-weight: bold;
	color: white;
	font-family: Courier;	
	}
#main{
	width: 980px;
	height: 300px;
	}
#horizontal_menue{
	float: left;
	width: 200px;
	height: 300px; //nur damit man Container sieht ohne Inhalt
	background-color: yellow;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: 2px;	
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#rechts{
width: 770px;
}]
#vertikal_menue{
	float: right;
	width: 770px;
	height: 100px;
	background-color: darkcyan;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-radius: 2px;	
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	 
}
#inhalt {
	float: right;
	width: 770px;
	height: 200px;
	background-color: darkred;
	margin-top: 10px;
	margin-bottom: 10px;	
	margin-left: 10px
	border-radius: 2px;	
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
	#footer{
	width: 980px;
	height: 30px;
	background-color: orange;
	margin-top: 10px;
	border-radius: 5px;	
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	clear: both;	
		}

Gruß

Dschengiz

tupamaro · #2 (**permalink**) 27.05.2013, 11:58

wäre schön wenn du sagen würdest wo dein problem liegt,da man nicht wissen kann was du vorhast

auf jeden fall würde ich schon mal bei #rechts das ] am ende weg machen.
dann erscheint die box schon mal

//nur damit man Container sieht ohne Inhalt muss weg

css kommentare gehen so
/*nur damit man Container sieht ohne Inhalt*/

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Modernes Webdesign mit CSS - Workshop-Buch mit Schritt für Schritt Anleitungen	Webstandard	Ressourcen	0	04.07.2011 13:46
18.11.2008 kostenfreier Infotag: Barrierefreies Webdesign	htmlstar	Barrierefreiheit	0	20.10.2008 14:38
HILFE, ich brauche Hilfe von Profis!	frambuesa	CSS	13	13.06.2008 23:46
webdesign blogs/rss	liechtenecker	Ressourcen	0	08.12.2006 15:39
Video zum Thema Barrierefreies Webdesign	Webstandard	Barrierefreiheit	11	27.11.2006 14:41