Suche im Forum:
Suchen


Autor Nachricht
Beitrag17.03.2009 um 21:17 (UTC)    
Titel: Seite "eingrenzen"

Hallo,
wenn man auf meine SEite geht, dann sieht man unten eine waagerechte Scrollleiste und wenn man scrollt, dann gehts nach rechts in einen "leeren Bereich" obwohl ich meine Seite egtl auf 1024 px. begrenzt habe...Würde gerne die Scrollleiste entfernen.
Außerdem stört es mich dass die Navi links so weit runter geht, die würde ich gerne auch verkürzen sodass sie mit edit_content abschließt...
Kann man da was machen?

Hier mein Code:

<style type="text/css"><!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by cool-design*/
/* Allgemein */
body{background-image:url(http://80.190.202.79/pic/s/spotting-fever/stripes.gif);background-attachment: fixed;background-color:#ffffff;}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td#nav_Abstand1{visibility:hidden;height: 3px;}
td#nav_Abstand2{visibility:hidden;height: 5px;}
td#nav_Abstand3{visibility:hidden;height: 5px;}
td#nav_Abstand4{visibility:hidden;height: 5px;}
td#nav_Abstand5{visibility:hidden;height: 5px;}
td#nav_Abstand6{visibility:hidden;height: 5px;}
td.shouty, shouty2, shouty3, shouty4, shouty5{visibility:hidden;}
td.sidebar_heading_4{visibility:hidden;}
td.edit_rb_footer{background-image:url(); height: 0px; visibility:hidden;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(); height: 0px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url(http://wassilij.kilu.de/Cool-Upload/edit_navi_headbg.jpg);}
td.edit_navi_headbg{background-image:url(http://80.190.202.79/pic/s/spotting-fever/Sidebar.jpg);background-color: #;}
td.nav{background-image:url(http://80.190.202.79/pic/s/spotting-fever/navibuttonairport.jpg);background-repeat: no-repeat;height: 29px;border: 1px outset #000000}
td.nav:hover{background-image:url(http://80.190.202.79/pic/s/spotting-fever/navibuttonairport2.jpg);background-repeat: no-repeat;height: 28px;}
td.nav_heading{height: 24px;background-image:url(http://80.190.202.79/pic/s/spotting-fever/sidebarheadingfebruar3.jpg);color: black;}
td.sidebar_heading{visibility:hidden;}
td.edit_content_top{height: 24px; background-image: url(http://80.190.202.79/pic/s/spotting-fever/contenttopfebruar3.jpg);}
td.edit_content{background-image:url(http://img.webme.com/pic/s/spotting-fever/unbenannt-3.jpg); border: 1px solid #7ab8d3;}
td.edit_content_bottom{background-image:url(http://img292.imageshack.us/img292/3277/contentbottom2vistablaula5.png);height: 0px;}
table.edit_main_table{width: 1024px;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;height: 150px;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%;background-image:url(http://img.webme.com/pic/s/spotting-fever/unbenannt-3.jpg);}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{display:none}
td.edit_rechts_sbg{display:none}

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

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

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

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

.menu a
{
background-image:url(http://80.190.202.79/pic/s/spotting-fever/sidebarheadingfebruar3.jpg);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 13px;
color: #ffffff; }

.menu a:hover
{ background-color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{ font-size: 10px;
display: none;
width: 250px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4, #smenu5 a, #smenu6 a, #smenu7 a
{ font-size: 11px;
font-weight: bold;
padding-top: 11px;
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="http://www.spotting-fever.de.tl/""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Galerie</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://tim210.piranho.de/spotterbrowser/search.php" target="_self">Fotos</a></li>
<li><a href="http://spotting-fever.de.tl/Videos.htm" target="_self">Videos</a></li
</ul>
</li>

<li><a href="http://www.spotting-fever.de.tl/-Ue-ber-Mich.htm""javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Über mich</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>

<li><a href="http://www.spotting-fever.de.tl/Kontakt.htm""javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Kontakt</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
</ul>
</li>

<li><a href="http://spotting-fever.de.tl/Bannerlinks.htm""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Links</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>

<li><a href="http://www.spotting-fever.de.tl/G.ae.stebuch.htm""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Gästebuch</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Extras</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://spotting-fever.de.tl/Spotting_FAQ.htm" target="_self">FAQ</a></li>
<li><a href="http://spotting-fever.de.tl/Spotting_Guide.htm" target="_self">Spotter's Guide</a></li>
<li><a href="http://spotting-fever.de.tl/Flugstatus.htm" target="_self">Flugstatus</a></li>
<li><a href="http://spotting-fever.de.tl/Workshops.htm" target="_self">Workshops</a></li>
</ul>
</li>

</div>
-->
</style>
<div align="center">

<style type="text/css">
<!--
table.rb_neu{position:absolute;left:120px;top:220px;}
-->
</style>

<!-- Hier beginnt jetzt die eigentliche rechte Box -->

<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="20" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">Titel der rechten Box</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #ffffff;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty"><div id="noshade" style="position: absolute; top: 254px; visibility: visible; color: #ffffff; font-size: 9px; >
<b>
geplante Trips: <br/>
<img src="http://80.190.202.79/pic/s/spotting-fever/kk.gif" /img> geplante Trips: <br/>
<img src="http://80.190.202.79/pic/s/spotting-fever/kk.gif" /img><br/>
<img src="http://80.190.202.79/pic/s/spotting-fever/kk.gif" /img> nichts geplant <br/>
<img src="http://80.190.202.79/pic/s/spotting-fever/kk.gif" /img><br/>
geplante Flüge: <br/>
<img src="http://80.190.202.79/pic/s/spotting-fever/kk.gif" /img> momentan leider keine<br/>
<img src="http://80.190.202.79/pic/s/spotting-fever/kk.gif" /img> <br/><br/>
<iframe src="http://www.airlinetest.com/newsticker/index.htm" scrolling="no" height="200" width="155" frameborder="0" style="border:thin outset"></iframe><br/><br/>
<a href="http://www4.clustrmaps.com/counter/maps.php?url=http://spotting-fever.de.tl" id="clustrMapsLink"><img src="http://www4.clustrmaps.com/counter/index2.php?url=http://spotting-fever.de.tl" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onError="this.onError=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com'" />
</a>
<br/><br/>
<center><a target="_blank" href="http://www.airvideo.de/cgi-bin/linklist/topsites.cgi?klick=985"><img border="0" alt="" src="http://www.airvideo.de/cgi-bin/linklist/topsites.cgi?button=show" /></a></font></center>
<center><br/><!-- Luftfahrt Online Top-List Code Start -->
<a href="http://top.flugzeugforum.de/cgi-bin/megatoplist/toplist.pl?action=click_in&account=SpottingFever" target="_blank">
<img border="0" src="http://top.flugzeugforum.de/banner/top150x40.jpg" width="150" height="40" alt="Luftfahrt Online Top-List">
</a></center>
<!-- Luftfahrt Online Top-List Code Ende -->
</center><br/>
<center><a href="http://www.Top100Aviation.com"><img src="http://www.top100aviation.com/www.Top100Aviation.com-button.gif" border=0 width=88 height=31 alt="TOP 100 AVIATION SITES"></a></center><br/>
<center><a href="http://www.top100add.com/"><img src="http://www.top100add.com/button.php?u=SpottingFever" alt="TOP100ADD.COM - ADD YOUR SITE, BOOST YOUR TRAFFIC." border="0" /></a></center>

<br/></b><br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>



DANKE
Beitrag17.03.2009 um 21:28 (UTC)    
Titel:

Hallo,
zur Breite:

Ersetze mal ...
Code:
table.edit_main_table{width: 1024px;}

... durch ...
Code:
table.edit_main_table{width: 100%;}


Ich hoffe es klappt!!!
______________
VAVIO - Form4Free - Free-Award - ScriptBox
Beitrag17.03.2009 um 21:33 (UTC)    
Titel:

Klappt leider nicht, dadurch wirds einfach nur auf den ganzen Bildschirm verteilt und die Leiste bleibt da. Ich möchte die Seite ja auch weiterhin auf 1024 PX begrenzen!!
Beitrag17.03.2009 um 21:41 (UTC)    
Titel:

spotting-fever hat Folgendes geschrieben:
Klappt leider nicht, dadurch wirds einfach nur auf den ganzen Bildschirm verteilt und die Leiste bleibt da. Ich möchte die Seite ja auch weiterhin auf 1024 PX begrenzen!!


mach aus der 1024 mal ne 1000.

Wenn du es auf 1024 begrenzt, wird automatisch ein scrollbalken angezeigt, da ja rechts schon so ein teil angezeigt wird und somit die bildschirmauflösung zu klein ist! Dadurch entsteht unten der scrollbalken xD
Beitrag18.03.2009 um 06:08 (UTC)    
Titel:

Nee du, det ändert auch nix... Rolling Eyes
Beitrag22.03.2009 um 16:18 (UTC)    
Titel:

Würde gerne auch meine Navi links (durch rechte Box ersetzt) verkürzen, dass die nicht so weit nach unten geht und man sozusagen ins Leere scrollt !!

Code steht ja oben, vllt kann mir jemand sagen, wie ich die Box/Navi verkürze...

Gruß
Beitrag22.03.2009 um 17:24 (UTC)    
Titel:

Damit bei einer Ansicht von 1024 kein Scrollbalken angezeigt wird, ist die "magische Grenze" 990 px. Bei vielen - nicht bei allen - wird andernfalls ein Scrollbalken angezeigt. Ich würde allerdings empfehlen, die Breite wie free-award empfohlen hat, auf 100% zu setzen, ansonsten ist das Design für alle anderen Auflösungen entweder zu klein oder zu groß, wobei letzteres nicht gut ist: Das schlimmste ist ein Design, das in der Breite nicht paßt.

Grüßle, Tanja
______________
Wir leben alle unter dem selben Himmel, aber wir haben nicht alle den selben Horizont. - Konrad Adenauer

Beitrag22.03.2009 um 20:56 (UTC)    
Titel:

Hallo,
also das mit den 990 px funktioniert auch nicht, das Design wird zwar schmaler, der Scrollbalken jedoch genauso wie er jetzt ist... Embarassed
Beitrag23.05.2009 um 06:03 (UTC)    
Titel:

weiss nicht ob das problem noch besteht aber ich hatte auch das problem
lag daran dass der header in der länge zu gross war
gib mal als max länge 1000 an
Code:
<div class="header">
<img height="110" width="1000" src="http://img.webme.com/pic/a/access2world/bannercolour6.jpg" alt="" />
</div>
Beiträge der letzten Zeit anzeigen:   


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