BIG_TURTL3
Neues Mitglied
Guten Abend,
ich habe vor einiger Zeit mit HTML & CSS angefangen und eigentlich klappte bis jetzt alles ganz gut. Zwar gab es manchmal Momente wo ich einfach nicht weiter wusste aber das hab ich immer irgendwie hinbekommen
. Jetzt aber treibt es mich in den Wahnsinn!
Zu meiner Seite: Ich versuche eine Website zu programmieren die eher schlicht gestaltet sein soll. Ganz oben soll ein fixes Menü sein wo einmal der Name der Website steht und gleichzeitig dahinter halt das Menü. Da beginnt schon das erste Problem, das will sich nämlich nicht auf den kompletten übergeordneten Container ausbreiten. Dieser soll einfach eine Inhaltsbegrenzung sein. Abgerundet werden soll das ganze mit einer Fußzeile die von der "Inhaltsbegrenzung" über gehen soll.
HTML:
CSS:
"Inhaltsbegrenzung" und Fußzeile (ganz unten ;) ) kommen dieser Website: http://www.ohne-css.gehts-gar.net/index.php schon sehr ähnlich um nicht zu sagen so soll es sein. Das Menü soll zwar auch die Größe der "Inhaltsbegrenzung" haben aber fixiert und anders aufgebaut sein.
Schön wären Antworten die nicht nur zeigen wie ich es machen muss sondern vielleicht auch was ich falsch gemacht habe, das würde weitere Fehler/Fragen vermeiden ;)
Freue mich auf eure Antworten,
LG BIG_TURTL3
Ach übrigens: Schönes Forum gefällt mir gut!
ich habe vor einiger Zeit mit HTML & CSS angefangen und eigentlich klappte bis jetzt alles ganz gut. Zwar gab es manchmal Momente wo ich einfach nicht weiter wusste aber das hab ich immer irgendwie hinbekommen
. Jetzt aber treibt es mich in den Wahnsinn!Zu meiner Seite: Ich versuche eine Website zu programmieren die eher schlicht gestaltet sein soll. Ganz oben soll ein fixes Menü sein wo einmal der Name der Website steht und gleichzeitig dahinter halt das Menü. Da beginnt schon das erste Problem, das will sich nämlich nicht auf den kompletten übergeordneten Container ausbreiten. Dieser soll einfach eine Inhaltsbegrenzung sein. Abgerundet werden soll das ganze mit einer Fußzeile die von der "Inhaltsbegrenzung" über gehen soll.
HTML:
Code:
<!DOCTYPE HTML>
<!-- INDEX -->
<html>
<head>
<title>Seitenname</title>
<meta charset="utf-8">
<!-- <script type="text/javascript" src="JavaScript_main.js" /> -->
<link rel="stylesheet" type="text/css" href="StyleSheet_main.css">
</head>
<body>
<!-- Anzeige Hintergrund -->
<div id="main">
<!-- Menüleiste -->
<div id="header">
<h1>Überschrift</h1>
<!-- Links in Menüleiste -->
<div class="mlink">
<h2>Link 4</h2>
</div>
<div class="mlink">
<h2>Link 3</h2>
</div>
<div class="mlink">
<h2>Link 2</h2>
</div>
<div class="mlink">
<h2>Link 1</h2>
</div>
</div>
<!-- Fussleiste -->
<footer>Kopfzeile</footer>
</div>
</body>
</html>CSS:
Code:
/* Stylesheet für komplette seite */
/* alles nah aneinander*/
* {
margin: 0px;
padding: 0px;
}
/* "Textbegrenzung" */
#main {
border: 1px solid grey;
height: 1000px;
width: 75%;
background-color: #F0F0F0;
margin:0px auto;
}
/*Menüleiste */
#header {
position: fixed;
border-left: 1px solid grey;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
height: 29px;
width: auto;
margin: 0px;
padding: 10px;
background-color: #FFFFFF;
overflow: auto;
}
h1 {
display: inline;
font-family: Verdana, Geneva, sans-serif;
font-size: 2.0em;
color: #666;
}
/*Links in Menüleiste*/
.mlink {
float: right;
position: relative;
border-top: 1px solid grey;
border-left: 1px solid grey;
border-right: 1px solid grey;
text-align: center;
height: 35px;
width: 90px;
background-color: #FFFFFF;
}
h2 {
font-size: 0.9em;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
}
/*Fusszeile*/
footer {
border-top: 1px solid gray;
background-color: #C1C1C1;
text-align: right;
}"Inhaltsbegrenzung" und Fußzeile (ganz unten ;) ) kommen dieser Website: http://www.ohne-css.gehts-gar.net/index.php schon sehr ähnlich um nicht zu sagen so soll es sein. Das Menü soll zwar auch die Größe der "Inhaltsbegrenzung" haben aber fixiert und anders aufgebaut sein.
Schön wären Antworten die nicht nur zeigen wie ich es machen muss sondern vielleicht auch was ich falsch gemacht habe, das würde weitere Fehler/Fragen vermeiden ;)
Freue mich auf eure Antworten,
LG BIG_TURTL3
Ach übrigens: Schönes Forum gefällt mir gut!
