Archiv verlassen und diese Seite im Standarddesign anzeigen : Problem mit Menü Position in Frames
Hallo
Also das Menü kann man problemlos positionieren solange es in einem Frame ist.
http://img91.exs.cx/img91/8573/Unbenannt4.th.png (http://img91.exs.cx/my.php?loc=img91&image=Unbenannt4.png)
Aber sobald ich es im komplettem Framset öffne, rutscht das Menü an den rechten Rand des Frames.
http://img91.exs.cx/img91/9246/Unbenannt5.th.png (http://img91.exs.cx/my.php?loc=img91&image=Unbenannt5.png)
Waran liegt das und wie kann ich das ändern?
Frameset:
<html>
<head>
<title>GSS Realschule</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="cache">
<meta http-equiv="content-language" content="de">
<meta name="description" content="Free web site design templates to jump start your new web site.">
<meta name="keywords" content="free web site design template search graphic sets build web site">
</head>
<frameset framespacing="0" border="0" rows="100,*,45" frameborder="0">
<frame name="banner" noresize="noresize" target="menue" src="gss-schule/banner.htm" marginwidth="0" marginheight="0" scrolling="no">
<frameset cols="174,*">
<frame name="menue" target="hauptframe" src="gss-schule/links.htm" marginwidth="0" marginheight="0" scrolling="no">
<frame name="hauptframe" src="gss-schule/home/home.htm" marginwidth="0" marginheight="0" scrolling="auto">
</frameset>
<frame name="unten" noresize="noresize" target="menue" src="gss-schule/footer.htm" marginwidth="0" marginheight="0" scrolling="no">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>
Menü:
<html>
<head>
<title>GSS Realschule</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="cache">
<meta http-equiv="content-language" content="de">
</head>
<body>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" height="11" width="39">
<tbody><tr>
<td rowspan="2" bgcolor="#071c59">
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" height="462">
<tbody>
<tr>
<td height="80">
<script language="JavaScript" type="text/javascript" src="sliding_menu.js"></script>
<script type='text/javascript'>
function Go(){return}
</script>
<script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'></script>
<noscript>Your browser does not support script</noscript>
</tr>
<tr>
<td height="300">
<table width="144">
</table>
</tr>
</tbody></table>
</div>
</td>
<td height="1" valign="top" width="6"><img src="menue/topangle.gif" border="0" height="34" width="30"></td>
</tr>
<tr>
<td height="11" valign="bottom" width="6"><img src="menue/bottomangle.gif" height="34" width="30"></td>
</tr>
</tbody></table>
</body>
</html>
Das eigentliche Menü ist Java Script. Soll ich den Java Code auch posten?
Hier sind schon mal die möglichen Einstellungen für das Menü im Java Script:
var NoOffFirstLineMenus=5; // Number of first level items
var LowBgColor='white'; // Background color when mouse is not over
var LowSubBgColor='white'; // Background color when mouse is not over on subs
var HighBgColor='dedfd5'; // Background color when mouse is over
var HighSubBgColor='dedfd5'; // Background color when mouse is over on subs
var FontLowColor='#666633'; // Font color when mouse is not over
var FontSubLowColor='#666633'; // Font color subs when mouse is not over
var FontHighColor='white'; // Font color when mouse is over
var FontSubHighColor='white'; // Font color subs when mouse is over
var BorderColor='#666633'; // Border color
var BorderSubColor='#666633'; // Border color for subs
var BorderWidth=1; // Border width
var BorderBtwnElmnts=1; // Border between elements 1 or 0
var FontFamily="verdana" // Font family menu items
var FontSize=9; // Font size menu items
var FontBold=1; // Bold menu items 1 or 0
var FontItalic=0; // Italic menu items 1 or 0
var MenuTextCentered='left'; // Item text position 'left', 'center' or 'right'
var MenuCentered='left'; // Menu horizontal position 'left', 'center' or 'right'
var MenuVerticalCentered='top'; // Menu vertical position 'top', 'middle','bottom' or static
var ChildOverlap=.2; // horizontal overlap child/ parent
var ChildVerticalOverlap=.2; // vertical overlap child/ parent
var StartTop=50; // Menu offset x coordinate
var StartLeft=10; // Menu offset y coordinate
var VerCorrect=0; // Multiple frames y correction
var HorCorrect=0; // Multiple frames x correction
var LeftPaddng=3; // Left padding
var TopPaddng=2; // Top padding
var FirstLineHorizontal=0; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=1000; // delay before menu folds in
var TakeOverBgColor=1; // Menu frame takes over background color subitem frame
var FirstLineFrame='menue'; // Frame where first level appears
var SecLineFrame='hauptframe'; // Frame where sub levels appear
var DocTargetFrame='hauptframe'; // Frame where target documents appear
var TargetLoc=''; // span id for relative positioning
var HideTop=0; // Hide first level when loading new document 1 or 0
var MenuWrap=1; // enables/ disables menu wrap 1 or 0
var RightToLeft=0; // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0; // menu tree checking on or off 1 or 0
var ShowArrow=1; // Uses arrow gifs when 1
var KeepHilite=1; // Keep selected path highligthed
var Arrws=['menue/tri.gif',5,10,'menue/tridown.gif',10,5,'menue/trileft.gif',5,10]; // Arrow source, width and height
Hmm, bisschen viel Javascript für eine Menu, findest du nicht auch?
Aber erstmal zum Code. Das Frameset sieht recht in Ordnung aus. Nur die <body>-Tags kannst du rausschmeissen, die gibt es an der Stelle nämlich nicht.
Bei deinem Menu passen einige Sachen nicht. Die <div>-Tags kannst du auch rausschmeissen, da standardmäßig eh alles links ausgerichtet ist. Dann steht da noch einmal "<table width="144"></table>" drin, was überhaupt keinen Sinn macht. Bei den letzten beiden Spalten (also wo die Bilder "topangle" und "bottomangle" drin sind) müsstest du nochmal die Höhen- und Breitenangaben prüfen. Die stimmen nicht überein. Genau dasselbe ist auch mit der Haupttabelle.
Mit den ganzen Javascripts kenn ich mich nicht so gut aus, würde das aber auch lieber mittels CSS lösen. Ok, da ist auch ein bisschen Javascript bei, aber nicht in dem Umfang wie jetzt. Wie du das machst, kannst du hier im Forum finden. Gibt es schon einige Threads zu.
Ja, so ein CSS Menü wäre natürlich perfekt.
http://www.aplus.co.yu/adxmenu/examples2/winxp/purecss/vlr.html
Aber ich kann die Seite mit den dazugehörigen Dateien nicht Speicher.
Wieso funzt dieses Menü eigentlich nicht richtig im IE?
http://home.arcor.de/noxestnoster/cssmenu/
Wieso funzt dieses Menü eigentlich nicht richtig im IE?
http://home.arcor.de/noxestnoster/cssmenu/
Ich würde das jetzt mal auf das float: left; und den Hack dabei schieben. Zu finden in der menu.css.
Und was soll ich stattdessen einsetzen?
Die Fehlerkorrektur in der Menü Seite hat auch nichts gebracht.
Ist egal, ich habe keine Lust wieder ein anderes Menü zu nehmen.
Ich will einfach nur die Position von diesem Java Menü festlegen können.
Weiß denn keiner wie das geht?
Kannst du die Seite mal irgendwo hochladen? Zur Not kannst du mir die auch im Ganzen schicken.
http://r300.r3.funpic.de/schule/
Der Fehler kann eigentlich nur am Javascript liegen. Der Code ist, mit einigen Ausnahmen, soweit ok. Sobald man das Menu einbindet, verschiebt sich alles. Mit dem Script kann ich dir leider nicht helfen. Da blickt ja keine Sau durch.
Schade :frown:
Kannst du mir dann ein Link zu einer guten Seite geben wo man solche CSS menüs runterladen kann? (Menü muss auch im IE funzen)
Oder kannst du das Menü weiter oben so verändern, dass es auf dem IE funzt und hochladen?
Außerdem sollte das PopUp vom Menü in dem Hauptframe und nicht im Menüframe erscheinen.
Also auf HTMLDog (http://www.htmldog.com/) gibt es ein Beispiel, wie man sowas macht. Mehr Beispielseiten gibt es aber hier im Forum. Musst du mal nach suchen.
Selber machen kann ich es nicht, weil ich sowas 1. noch nicht selbst gemacht und momentan keine Zeit habe, mich da rein zu denken und 2. Frames ganz ganz böse sind ;).
Also auf HTMLDog (http://www.htmldog.com/) gibt es ein Beispiel, wie man sowas macht. Mehr Beispielseiten gibt es aber hier im Forum. Musst du mal nach suchen.
Selber machen kann ich es nicht, weil ich sowas 1. noch nicht selbst gemacht und momentan keine Zeit habe, mich da rein zu denken und 2. Frames ganz ganz böse sind ;).
oh ja frames sind ja soooo derb schlecht oO Es will nicht jeder blinde mit auf seiner page haben...
Danke, werde ich mir mal durchlesen.
Ich kenne die Nachteile von Frames, aber ich benutz die trotzdem. :tongue:
OK, ich hab jetzt alles durchgelesen, aber ich bin immer noch zu blöd dafür den blauen Balken und die Dreiecke mit CSS ohne Tabellen so nachzubauen, dass siche die Höhe des Balken und die Dreiecke der Auflösung des Monitors anpassen.
Außerdem soll da noch ein Javascript in der Mitte des Balkens angezeigt werden.
(Ein anderes Menü, dass sich aber von HTML/CSS positionieren lässt.)
Habs mit Class und ID selectors ausprobiert, aber kein Erfolg.
Ich kann erst mit einem Beispiel lernen.
Kann mir das mal jemand nachbauen (Balken und Dreiecke)?
MadMan2k
2004-10-31, 15:10:54
Schade :frown:
Kannst du mir dann ein Link zu einer guten Seite geben wo man solche CSS menüs runterladen kann? (Menü muss auch im IE funzen)
CSS Menüs kannst du mit dem IE vergessen - daran hab ich mir selbst die Zähne ausgebissen.
Er kennt das :hover format nur für anchor elemente und auch dort kannst du darüber keine Kindelemente einblenden.
Du wirst also in jedem Fall JS brauchen, wenn es auch im IE funzen soll...
-Slicer-
2004-10-31, 17:14:08
Du wirst also in jedem Fall JS brauchen, wenn es auch im IE funzen soll...
Stimmt ohne JS ist es dem IE nicht beizubringen...
Hier zweir links (okay, sind eigentlich die gleichen)
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://www.alistapart.com/articles/dropdowns/
damit sollte man es eigentlich hinbekommen..
OK
Vielen Dank für die Hilfe.
:massa:
vBulletin®, Copyright ©2000-2024, Jelsoft Enterprises Ltd.