Simon Kamphausen: Div-Container

Beitrag lesen

SELF-Forum

Div-Container

Simon Kamphausen (Versionen)
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich habe diesen CSS-Code:

.kopfzeile {
	background-color: #FE2E2E;
	padding: 10px 10px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

.seite {
	background-color: #F3F781;
	padding: 0px 50px;
	border-right-width: 300px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 300px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

zu diesem HTML-Code:

<body>
		<div class="kopfzeile" position="fixed">
			<div class="l1"></div>
			<center><h1><font size="8">HK-Erdung</font></h1></center>
			<div class="l2"></div><br></br>
			<center>
				<table class="tablemenu">
					<tr>
						<th width="10%"><a href="Startseite.html">Home</a></th>
						<th width="10%"><a href="Systeminfo.html">Das System</a></th>
						<th width="10%"><a href="Produkte.html">Produkte</a></th>
						<th width="10%"><a href="Kontakt.html">Kontakt</a></th>
					</tr>
				</table>
			</center><br></br>
		</div>
		
		<div class="seite">
			<br></br><br></br><br></br><br></br><br></br><br></br>
			<center><h2><u><font size="6">Das System</font></u></h2></center><br>
			<h2><u>Inhalt</u></h2>
			<ul style="list-style-type:none">
				<li><a href="#einsatzgebiet">Einsatzgebiet</a></li>
				<li><a href="#das-neue-system">Das neue System</a></li>
				<li><a href="#vorteile">Vorteile</a></li>
				<li><a href="#ausfuehrungsbeispiel-1">Ausführungsbeispiel 1 <font size="2">(Kabletrommel als Sternpunkt)</font></a></li>
				<li><a href="#ausfuehrungsbeispiel-2">Ausführungsbeispiel 2 <font size="2">(Erdungsspieß als Sternpunkt)</font></a></li>
				<li><a href="#gebrauchsanweisung"><b>Wichtig! - Gebrauchsanweisung</b></a></li>
				<li><a href="#das-alte-system">Das alte System</a></li>
				<li><a href="#nachteile">Nachteile des alten Systems</a></li>
				<li><a href="#erdungssatz">Der Erdungssatz komplett</a></li>
			</ul><br>

und wenn ich die Verlinkungen innerhalb der Seite anklicke, springt er nicht an die richtige Stelle. wie kann ich das fixen ohne das position: fixed; ... weglassen zu müssen?

MfG Simon

Beitrag melden
–
Informationen zu den Bewertungsregeln