Autor |
Nachricht |
zkremenovic
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 01.08.2008 12:10
Titel Layer positionierung horizontal |
|
|
ich versuche eine navi zu erstellen mit einem layer. der layer soll sich nach mouse over öffnen, er macht das zwar nur die positionierung ist mozilla und IE unterschiedlich - heißt die positionierung richtet sich nach dem browserfenster aber er soll eine feste position annehmen....wie bekomme ich das hin?
Positionierung Layer
#navi {
position:absolute;
right:160px;
top:300px;
width:149px;
height:100px;
z-index:91;
background-color:#666666;
visibility: hidden;
padding: 0px;
margin: 0px;
}
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 01.08.2008 12:23
Titel
|
|
|
du hast doch eine absolute positionierung.
kann das grad nicht nachvollziehen.
ist die position in den untersch browsern unterschiedl?
|
|
|
|
|
Anzeige
|
|
|
zkremenovic
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 01.08.2008 12:30
Titel
|
|
|
...das ist ja das komische und ich weiß nicht warum!
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 01.08.2008 12:32
Titel
|
|
|
stell mal
Code: |
* {
margin: 0;
padding:0;
}
|
zu anfangs deine css datei
|
|
|
|
|
zkremenovic
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 01.08.2008 12:58
Titel
|
|
|
...funzt nicht da haut er mir die grafik positionierung auf die linke seite und das problem bleibt gleich!
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 01.08.2008 13:37
Titel
|
|
|
solange du keinen link postest, dein HTML gerüst und evtl bissel mehr vom css, kann ich nur raten.
|
|
|
|
|
zkremenovic
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 01.08.2008 14:29
Titel ...das ist das html |
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Powerslide Racing | 2009</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style type="text/css">
<!--
* {
margin: 0;
padding:0;
}
#navi {
position: fixed;
right:160px;
top:300px;
width:149px;
height:100px;
z-index:91;
background-color:#666666;
visibility: hidden;
padding:0px;
margin:0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color:#020202; background-image:url(pics/hg_page-verlauf.jpg); background-repeat:repeat-x">
<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="357">
<?
if ($datei > '0') {
include ("$datei");
}
else {
include ("pages/inhalt.htm");
}
?>
</td>
</tr>
<tr>
<td height="1" style="background-color:#005191"><img src="pics/tr_px.gif" width="1" height="1" /></td>
</tr>
<tr>
<td height="100"valign="top" width="960" style="background-color:#000000">
<table height="100" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="345"><img src="pics/welovetoskate_logo2.jpg" width="213" height="94" /></td>
<td width="615" valign="top">
<?
if ($datei > '0') {
include ("$fnav");
}
else {
include ("skates.html");
}
?></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="33" style="background-image:url(pics/hg_nav-bottom.jpg); background-repeat:repeat-x"><table height="33" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat" class="nav-padding"><a href="#" class="nav">PROTECTION</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">TEXTILES</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">BAGS</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">WHEELS</a></td>
<td valign="bottom" class="nav-padding"> </td>
<td width="149" align="center" valign="bottom" class="nav-padding" style="background-image:url(pics/hg_nav-bottom-misc.jpg); background-repeat:no-repeat"><a href="#" class="nav"><div id="misc" onmouseover="MM_showHideLayers('navi','','show','misc','','show')" onmouseout="MM_showHideLayers('navi','','hide','misc','','show')"> MISC.</div></a><div id="navi">navi inhalt hier.....</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="40" align="right" valign="middle"><a href="#" class="navbottom">HOME </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">POWERSLIDE.DE </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">IMPRESSUM </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">CONTACT </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /><span class="nav-bottom">© by POWERSLIDE 2008</span></td>
</tr>
<tr>
<td>?</td>
</tr>
</table>
</body>
</html>
|
|
|
|
|
zkremenovic
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 01.08.2008 14:30
Titel sorry das ist das richtige html |
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Powerslide Racing | 2009</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style type="text/css">
<!--
* {
margin: 0;
padding:0;
}
#navi {
position: fixed;
right:160px;
top:300px;
width:149px;
height:100px;
z-index:91;
background-color:#666666;
visibility: hidden;
padding:0px;
margin:0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color:#020202; background-image:url(pics/hg_page-verlauf.jpg); background-repeat:repeat-x">
<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="357">
<?
if ($datei > '0') {
include ("$datei");
}
else {
include ("pages/inhalt.htm");
}
?>
</td>
</tr>
<tr>
<td height="1" style="background-color:#005191"><img src="pics/tr_px.gif" width="1" height="1" /></td>
</tr>
<tr>
<td height="100"valign="top" width="960" style="background-color:#000000">
<table height="100" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="345"><img src="pics/welovetoskate_logo2.jpg" width="213" height="94" /></td>
<td width="615" valign="top">
<?
if ($datei > '0') {
include ("$fnav");
}
else {
include ("skates.html");
}
?></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="33" style="background-image:url(pics/hg_nav-bottom.jpg); background-repeat:repeat-x"><table height="33" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat" class="nav-padding"><a href="#" class="nav">PROTECTION</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">TEXTILES</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">BAGS</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">WHEELS</a></td>
<td valign="bottom" class="nav-padding"> </td>
<td width="149" align="center" valign="bottom" class="nav-padding" style="background-image:url(pics/hg_nav-bottom-misc.jpg); background-repeat:no-repeat"><a href="#" class="nav"><div id="misc" onmouseover="MM_showHideLayers('navi','','show','misc','','show')" onmouseout="MM_showHideLayers('navi','','hide','misc','','show')"> MISC.</div></a><div id="navi">navi inhalt hier.....</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="40" align="right" valign="middle"><a href="#" class="navbottom">HOME </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">POWERSLIDE.DE </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">IMPRESSUM </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">CONTACT </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /><span class="nav-bottom">© by POWERSLIDE 2008</span></td>
</tr>
<tr>
<td>?</td>
</tr>
</table>
</body>
</html>
|
|
|
|
|
|
|
|
Ähnliche Themen |
bottom layer positionierung
[css] Layer horizontal und vertikal mittig ausrichten
innerer layer soll äußeren layer automatisch größer machen
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
Photoshop Layer exportieren auf einzelne Layer Größe
div-layer im Eltern-div-layer zentrieren. Wie geht das?
|
|