Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.07.2008 um 17:28 (UTC)    
Titel: Navigation und rechte Boxen fixieren

Hallo
Möchte auf meiner Homepage die NAvigation und die rechten Boxen fixieren,
sodass sie immer sichtbar sind auch wenn man runterscrollt
______________
Beitrag27.07.2008 um 14:56 (UTC)    
Titel:

du meinst also das sie immer mit dem bildschirm mitgehen...
das ist ganz leicht...

du gibst in deinem CSS code
an dieser stelle :
Code:
#nav_container {
width: 150px;
background: #B91400;
background-image:url();
color: #FEF795;
border: 1px solid #000000;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
padding: 10px;
margin: 0px auto;
float: left;}



folgendes zwischendie Klammern { }:
Code:
position: fixed;


Das müsste dan so in etwa aussehen:
Code:
#nav_container {
width: 150px;
background: #B91400;
background-image:url();
color: #FEF795;
border: 1px solid #000000;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
padding: 10px;
margin: 0px auto;
float: left;
[color=orange]position: fixed;[/color]}




so einfach ist es!^^
Beitrag27.07.2008 um 16:47 (UTC)    
Titel:

mh.. so einen code hab ich noch nie gesehen...
aber könnte gehen...
jedenfalls kann man entweder die navi und die boxen fixieren oder man macht den content scrollbar ...
______________
Liebe Grüße Wink



Beitrag27.07.2008 um 17:53 (UTC)    
Titel:

Vielen Dank
______________
Beitrag23.12.2008 um 15:42 (UTC)    
Titel:

Habe genau das Selbe Problem! Habe es zwar schon versucht, aber ich bekomme es nicht hin! Ich poste hier einfach mal meinen gesamten Code und dann wäre es nett, wenn mir jemand den Code für Scrollbars im Content dort einfügen könnte, sodass die Boxen, die Navi und der Header fixiert bleiben! Danke

Zitat:
Text über dem Design:
<div align="center">
<table width="100%">
<tr>
<td><div align="center">

<style type="text/css"><!--
body{background-color: #000000;}
color: #ffffff;
/* Diesen Teil nicht rausl�schen */
/* Copyright by cool-design */
/* Allgemein */
td.edit_headline{visibility:hidden;}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url();
background-color:#000000;border: 1px solid #fff;}
td.edit_rb_footer{background-image:url(); height: 0px;}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_rechts_cbg{background-image:url(); background-color:#000000;}
td.edit_below_nav img{visibility: hidden;}
td.edit_rechts_bottom{background-image:url(http://80.190.202.79/pic/s/scg08/edit_below_nav.png);}
td.edit_below_nav{background-image:url(http://80.190.202.79/pic/s/scg08/edit_navi_headbg.png);}
td.edit_navi_headbg{background-image:url(http://80.190.202.79/pic/s/scg08/edit_navi_headbg.png);}
td.nav{background-image:url(http://80.190.202.79/pic/s/scg08/nav.png);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://80.190.202.79/pic/s/scg08/nav_hover.png);background-repeat: no-repeat;}
td.nav_heading{height: 38px;background-image:url(http://img.webme.com/pic/s/scg08/btb2r87_0.png);color: white;}
td.sidebar_heading{height: 38px;color: white; background-image:url(http://80.190.202.79/pic/s/scg08/btb2r87_0.png);}
td.edit_content{background-image: url();}
td.edit_content_top{background-image: url(http://img.webme.com/pic/s/scg08/ueberschrift.png);}
td.edit_content_bottom{background-image:url();height: 0px;}
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline2{visibility:hidden;}
a:link {color:#FFFFFF;font-size:12px;}
a:hover {color:#FF0000;font-size:12px;}
</style>

Text unter dem Design:
</div>
</td>
</tr>
</table>
</div>


Zuletzt bearbeitet von scg08 am 23.12.2008, 16:42, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de