BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Scrollbalken bei niedrigen Auflösungen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Scrollbalken bei niedrigen Auflösungen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
sQuint sQuint ist männlich
BlackBoarder


Dabei seit: 10.10.2001
Beiträge: 1.454

Scrollbalken bei niedrigen Auflösungen       Zum Anfang der Seite springen

Hallo erstmal,
war ja nun schon lange nicht mehr hier... Nun dachte ich, ich frag hier mal nach:
Also, es geht um die Seite: http://www.kesseler-jugend.de/index.php . Bei einer niedrigen Auflösung (< 1024x768) verschwindet z.b. beim Menüpunkt "Wir über uns" der Text und rechts ist kein Scrollbalken, der die Seite ganz nach unten scrollen lässt.

Hier der Quelltext von der Index.php:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
 
<!--<?php
ob_start();
?>-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>Kesseler Jugend e.V. online!</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <meta name="author" content="Kesseler Jugend e.V.">
  <meta name="description" content="www.kesseler-jugend.de ist die Website der Kesseler Jugend e.V. mit Infos rund um die Jugend sowie Fotos von Events im Keller und anderen Aktionen der Jugend!">
  <meta name="keywords" content="kessel, jugend, e.v., kesseler jugend e.v., kessel, keller, kesseler keller, party, feiern, jugend, spargeldorf kessel, kessel, keller, jugend, e.V.">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script language="JavaScript" src="js/correct_png.js" type="text/javascript"></script>
  <script language="JavaScript" src="js/gb_delete.js" type="text/javascript"></script>
 </head>
 <body>

  <div id="center">

    <div id="header">
     <img src="images/header.png" width="636" height="136" border="0" alt="www.kesseler-jugend.de online!">
    </div>

    <div id="babes">
     <img src="images/babes.png" width="207" height="216" border="0" alt="Mit Fotos vom Kesseler Keller!">
    </div>

    <div id="nav_box">
     <div id="nav">
      <a href="?main=startseite" class="navi">Startseite</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="?main=wir" class="navi">Wir &uuml;ber uns</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="?main=vorstand" class="navi">Der Vorstand</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="?main=programm" class="navi">Das Programm</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="/fotos/" class="navi">Fotos</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="?main=links" class="navi">Links</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="/wbbook/" class="navi">G&auml;stebuch</a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="?main=impressum" class="navi">Impressum</a>
     </div>
    </div>

    <div id="content">
     <div id="content2">
       <?php include("inc/you_are.php"); ?>
        <div id="content3">
       	<?php
        		if(empty($_GET['main']))
        		$_GET['main'] = 'startseite';
        		if(file_exists('content/'.$_GET['main'].'.php')) {
        		chdir('content/');
        		include('content/'.$_GET['main'].'.php');
        		chdir('../');
        		}  else {
        		include('content/error.php');
        		}
      	?>
       </div>
     </div>
    </div>
  </div>
 </body>
</html>


Mhh, ich hoffe ihr habt mein Problem verstanden und schonmal danke für die Hilfe smile

ciao sQuint
10.10.2006 15:13 sQuint ist offline E-Mail an sQuint senden Beiträge von sQuint suchen
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

      Zum Anfang der Seite springen

nun ich denke das dir der Nachfolgende Link auf ledenfall helfen sollte, wenn du noch weitere fragen hast, immer her damitt.

Hier der Link

mfg
Newbi

EDIT:
Link vergessen
EDIT

__________________
Mein Blog ist online und ihr findet ihn

HIER

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von newbi: 10.10.2006 15:19.

10.10.2006 15:18 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
sQuint sQuint ist männlich
BlackBoarder


Dabei seit: 10.10.2001
Beiträge: 1.454

Themenstarter Thema begonnen von sQuint
      Zum Anfang der Seite springen

Danke erstmal smile
Soweit ich das verstanden hab muss ich bei "div" noch "overflow:scroll" ergänzen. Hab ich dann auch für die "content"- Dinger gemacht. Mit Mozilla seh ich jetzt auch wieder alles, nur beim IE hat sich nix geändert...

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von sQuint: 10.10.2006 16:52.

10.10.2006 16:51 sQuint ist offline E-Mail an sQuint senden Beiträge von sQuint suchen
newbi newbi ist männlich
CS - Orga


images/avatars/avatar-2180.gif

Dabei seit: 01.10.2005
Beiträge: 365
Herkunft: Schleswig ( Deutschland )

      Zum Anfang der Seite springen

welche version vom IE benutzte den ??

Außerdem habe ich bei mir das selbe problem gehabt, doch seitdem ich nur noch ff und nicht mehr ie nutze, ist mir das etwas egal geworden.

mfg
Newbi

__________________
Mein Blog ist online und ihr findet ihn

HIER

11.10.2006 16:08 newbi ist offline E-Mail an newbi senden Homepage von newbi Beiträge von newbi suchen
sQuint sQuint ist männlich
BlackBoarder


Dabei seit: 10.10.2001
Beiträge: 1.454

Themenstarter Thema begonnen von sQuint
      Zum Anfang der Seite springen

naja, ist eigentlich recht egal bei welcher version das ist - will ja, dass die bei allen so angezeigt wird...
Gibts da ne Möglichkeit?
11.10.2006 19:41 sQuint ist offline E-Mail an sQuint senden Beiträge von sQuint suchen
Cpt.Miller Cpt.Miller ist männlich
BlackBoarder


Dabei seit: 14.08.2003
Beiträge: 644
Herkunft: Stuttgart

      Zum Anfang der Seite springen

Ich kann dir jetzt leider kein fertiges Ergebnis präsentieren. Wollte nur erwähnen, dass du alles richtig gemacht hast und der IE die CSS Standards falsch interpretiert.
Alles hat der IE sicherlich auch dafür irgendeinen Pseudo-MS-Standard, denn du dir am besten im Internet suchst.

Grüße,
Muty.
12.10.2006 13:56 Cpt.Miller ist offline E-Mail an Cpt.Miller senden Homepage von Cpt.Miller Beiträge von Cpt.Miller suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

Naja, "alles richtig gemacht" würde ich es net nennen, der Validator spuckt diverse Fehler aus Augenzwinkern

Bin jetzt zu faul, da näher durch die Dokumentstruktur zu blicken (hab auf Arbeit wichtigeres zu tun *g). Beheben kann man das Problem aber im IE, indem du #content noch eine padding-bottom gibst, die dem Wert von top entspricht (also 225px).

Der IE schiebt den Inhalt unten aus dem sichtbaren Bereich raus. Ob das ein Verhalten ist, welches mit dem Standard zu erklären wäre, weiß ich nicht, da müsste ich wie gesagt weiter schauen.

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

12.10.2006 14:43 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
sQuint sQuint ist männlich
BlackBoarder


Dabei seit: 10.10.2001
Beiträge: 1.454

Themenstarter Thema begonnen von sQuint
      Zum Anfang der Seite springen

Vielen Dank erst mal smile Das Problem ist das ich davon nciht wirklich viel Ahnung hab... Ich werd mal schauen ob ichs hinbekomm...

EDIT: hab das jetzt einfach so gemacht: <div id="content3"; overflow:scroll; style="padding-bottom:225px"> mhh weiß ja nicht ob das "konform" ist aber es geht so.... Danke noch mal smile

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von sQuint: 16.10.2006 19:17.

15.10.2006 21:58 sQuint ist offline E-Mail an sQuint senden Beiträge von sQuint suchen
Wenso Wenso ist männlich
Amokschläfer


images/avatars/avatar-1991.gif

Dabei seit: 25.02.2002
Beiträge: 1.715
Herkunft: Hessen

      Zum Anfang der Seite springen

Zitat:
Original von sQuint
EDIT: hab das jetzt einfach so gemacht: <div id="content3"; overflow:scroll; style="padding-bottom:225px"> mhh weiß ja nicht ob das "konform" ist aber es geht so.... Danke noch mal smile

*grusel*

Ich würde das so machen:
<div id="content3" style="padding-bottom: 225px; overflow: scroll;">

Kannst du den Padding sowie den Overflow nicht noch in dein Stylesheet für das Element content3 einbauen?

MfG Wenso

__________________
Pipi Langstrumpf ist KRIEG!!!
~for those about to rot~
welcome to where time stands still
no one leaves and no one will

16.10.2006 19:49 Wenso ist offline E-Mail an Wenso senden Homepage von Wenso Beiträge von Wenso suchen
sQuint sQuint ist männlich
BlackBoarder


Dabei seit: 10.10.2001
Beiträge: 1.454

Themenstarter Thema begonnen von sQuint
      Zum Anfang der Seite springen

mhh irgendwie klappt das dann nciht mehr. Hab jetzt sowohl:
code:
1:
2:
3:
4:
5:
6:
div#content3 	{
        	padding-bottom: 225px
         	overflow: scroll
		} 

als auch:
code:
1:
2:
3:
4:
5:
6:
#content3 	{
        	padding-bottom: 225px
         	overflow: scroll
		} 

ausprobiert. Weiß aber nciht warum das nciht funktioniert
16.10.2006 21:27 sQuint ist offline E-Mail an sQuint senden Beiträge von sQuint suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

      Zum Anfang der Seite springen

Weil die Semikolons fehlen. Das sollte es tun:

code:
1:
2:
3:
4:
div#content3 {
    padding-bottom: 225px;
    overflow: scroll;
}
Wobei das overflow vermutlich gar nicht nötig ist, da das ja nur vorgeschlagen wurde, um das Problem anders zu lösen (was ja aber nix gebracht hat).

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

16.10.2006 21:37 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
sQuint sQuint ist männlich
BlackBoarder


Dabei seit: 10.10.2001
Beiträge: 1.454

Themenstarter Thema begonnen von sQuint
      Zum Anfang der Seite springen

Jo danke LX... Da sieht man mal das ich da überhaupt keinen Plan von hab - hab nur geguckt wie die anderen Sachen in der css datei standen und hab dann das Semikolon nicht beachtet. Aber vielen Dank jetzt funktioniert alles smile
17.10.2006 19:05 sQuint ist offline E-Mail an sQuint senden Beiträge von sQuint suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Scrollbalken bei niedrigen Auflösungen

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH