I-Frame?? - Druckversion

I-Frame?? - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: I-Frame?? (/showthread.php?tid=29391)

I-Frame?? - rogerle - 20.10.2009

Hallo,
ich habe zwar eine Homepage, die habe ich mit Frames gemacht. Der Grund war, das wenn mann nach unten Scrollt, die Navigationsleiste immer nach oben rollt und mann keinen Zugriff mehr auf die Navi hat.
Ich habe zwar Jürgens Anleitung für ne HP mit PI erstellen gefolgt, aber wie mache ich das mit der Navigation?
Ich habe mit PI ein Webset erstellt, dann mit go live die Page bearbeiten.
Wie macht Ihr dass das die Navi immer sichtbar oben links bleibt. Also ich habe geringe HTML kenntnisse. Kann man da einen I-Frame einbauen für die Navigation, oder muss das mit Java oder CSS formatieren?
MrGreen

LG Roger

I-Frame?? - Helmut - 20.10.2009

Zitat:Wie macht Ihr dass das die Navi immer sichtbar oben links bleibt.

garnicht, denn man kann ja durchaus auch zurückscrollen, zum Seitenanfang/ende springen (Pos1 bzw. Ende).

Wenn das Menü stehen bleiben soll kann man aber mit CSS und position:fixed selbiges in modernen Browsern (IE 7 und höher, Firefox, Opera) ganz einfach erreichen.

Einfach mal das als html Seite speichern...

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Untitled</title>

<style type="text/css">
/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #F5F6F8;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0 0 5px 0;
padding: 0;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* AEUSSERE CONTENTBOX */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
margin:10px auto;
text-align:left;
width: 850px;
}

#feststehend {
position:fixed;
top:45px;
left:30px;
width:150px;
height:150px;
background-color:#66cc00;
}

</style>

</head>
<body>
<div id="inhalt">

<div id="feststehend">Festehendes Menü</div>

 
 

</div>
</body>
</html>[/HTML]

Cu Helmut