nicht angemeldet
Om nah hoo pez nyeetz, Max!
Buenos Dias, Matthias.
Hintergrund ist, dass ich einen fixed kopf habe (div1kopf, div2kopf, div3kopf), div2kopf ist dabei ein img.
Was ist denn mit den beiden anderen? Ich bin sicher, dass sich aus den 3 div-Elementen ein header-Element machen lässt.
Hier Auszug vom Code (dürfte dir bekannt vor kommen ^^)
Letzter Hinweis zu meinem Wunsch: Wenn Seite frisch geladen ist, dann muss man oben alles sehen: h1, img, nav, div
Wenn man nach ganz unten scrollt, so mein Wunsch, soll man von oben sehen: h1, nav, Teil des unteren divs.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Intranet</title>
<link href="css/formate.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<h1>Willkommen im Intranet</h1>
<img class="bild" src=pix/t720s.jpg alt="Logo Startseite defekt">
<nav class="kopfnav">
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
<a class="kopflinks" href="default.htm" target="_self">Startseite</a>
</nav>
</header>
<div id="div4webinhalt" style="background-color:red;height:2000px"></div>
</body>
</html>
body {
margin: auto;
width: 1000px;
font-family: Arial;
background-color: white;
}
header {
position:fixed;
margin:inherit;
z-index:100;
background-color:white;
top: 0;
}
h1 {
margin-bottom:4px;
margin-top:0px;
text-align:center;
font-family: "Leelawadee";
}
img.bild {
display:block;
margin:inherit;
width:1000px;
height:150px;
}
nav.kopfnav {
white-space:nowrap;
text-align:center;
background-color:#cc7700;
height:34px;
margin:inherit;
margin-top:0px;
}
a.kopflinks {
background-color:#ff9900;
text-decoration:none;
display: inline-block;
border-radius: 0 0 15px 15px;
width: 11%;
padding: 1px 3px 1px 2px;
transition: .5s 0s;
border: 3px #c7c7c7 solid;
border-top: none;
color:black;
}
a.kopflinks:hover, a.kopflinks:focus {
background-color:red;
text-shadow: 1px 1px 1px Gray;
padding-bottom: 10px;
transition: .3s;
outline: none;
font-weight:bold;
}
Lies auch dies.
Habe dort nichts gefunden was mir helfen könnte.
Gruß
Max
Matthias Apsel
Der Martin