Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.07.2007 um 14:15 (UTC)    
Titel: Scrollbalken weg machen- hilfe hilfe

Hallo,

Kann mir jemand sagen wie ich den Code ändern muß damit der Scrollbalken unten verschwindet und immer die ganze Breite angezeigt wird.

Wenn ich die obere Navi entferne ist der Scrollbalken weg

Ich hoffe Ihr versteht meine Frage.


Gruß Danny



Code:

<div align="center">
<table width="70%">
<tr>
<td><div align="center">

<style type="text/css">
<!--
/*Design verbreitern */
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;}
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%;}
-->
</style>

<style type="text/css">
<!--
/*Text-und Link-Formatierung */
p, div, b{color: #FFFFFF;}
td.nav a{color: #FFFFFF;font-size: 16px;text-decoration: none;}
a:hover {color: #FFFFFF;font-size: 13px;text-decoration: none;}
a: link {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:active {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:visited {color: #FFFFFF;font-size: 13px;text-decoration: none;}

/* Header unsichtbar*/
td.edit_header_full{visibility: hidden;}

/*Navigation linke Seite unsichtbar */
td.nav a{}
td.nav{}
td.nav:hover{}
td.nav_heading{background-image:url(URL);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}


/*Titel im Header */
td.headline{visibility:hidden;}


/*Hintergrund-Bild fixiert */
body{background-image:url(http://img.webme.com/pic/d/dannytest/3d_199.jpg);background-repeat:no-repeat;background-attachment: fixed;}

/*Textfeld-Bereiche */
td.headline2{visibility:hidden;}
td.edit_content a{color:#XXXXXX;font-size: 13px;text-decoration: none;}
td.edit_content a:hover {color: #XXXXXX;font-size: 13px;text-decoration: none;}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url();background-color:transparent;}

/*Rechte Boxen */
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{height: 25px;background-color: transparent;background-image: url(none);}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image:url();background-color:transparent;border:0px dotted black;}
td.shouty2{;}
td.shouty3{;}
td.shouty4{;}
td.shouty5{;}
--></style>

<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{

background-image:url(http://img.webme.com/pic/d/dannytest/button0024.gif);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-image:url(http://img.webme.com/pic/d/dannytest/button0024.gif);
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Bildergalerie</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">TITEL NAVI-Button 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://dannyprager.de.tl/Der-Weg-zu-uns.htm" target="_self">Der Weg zu uns</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">TITEL NAVI-BUTTON 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://dannyprager.de.tl/G.ae.stebuch.htm" target="_self">Gästebuch</a></li>
<li><a href="http://dannyprager.de.tl/Kontakt.htm" target="_self">Kontakt</a></li>
<li><a href="http://www.dannyprager.de.tl" target="_self">Startseite</a></li>
</ul>
</li>
</ul>
</div>

<style type="text/css">
<!--
td.nav{text-decoration: none; color:#FFFFFF; width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/d/dannytest/button0024.gif);}
td.nav:hover{text-decoration: none;color: #FFFFFF; width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/d/dannytest/button0024.gif);}
-->
</style>

<style type="text/css">
<!--
td#nav_abstand1{visibility:hidden;height:5px;}
-->
</style>

<style type="text/css">
<!--
div.text{position:absolute;left:280px;top:140px;}
-->
</style>
<div class="text">
<font style="font-size: 24px;">Herzlich Willkommen auf unserer Homepage!
</font>.
</div>


Zuletzt bearbeitet von dannyprager am 29.07.2007, 16:34, insgesamt 2-mal bearbeitet
Beitrag29.07.2007 um 16:30 (UTC)    
Titel:

Das rote angleichen:

Zitat:
div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 1000px;
}


Bei 100% entsteht immer der Scrollbalken, bei einer festen Pixelanzahl nicht Wink (wenn die genutzte Bildschirmauflösung natürlich nicht die Breite des Menüs unterschreitet)
Beitrag29.07.2007 um 17:24 (UTC)    
Titel:

super besten Dank.

Gruß Danny
Beiträge der letzten Zeit anzeigen:   


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