BlackBoard | Druckvorschau: Scrollbalken bei niedrigen Auflösungen

Geschrieben von sQuint am 10.10.2006 um 15:13:

Scrollbalken bei niedrigen Auflösungen

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

ciao sQuint

Geschrieben von newbi am 10.10.2006 um 15:18:

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

Geschrieben von sQuint am 10.10.2006 um 16:51:

Danke erstmal

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...

Geschrieben von newbi am 11.10.2006 um 16:08:

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

Geschrieben von sQuint am 11.10.2006 um 19:41:

naja, ist eigentlich recht egal bei welcher version das ist - will ja, dass die bei allen so angezeigt wird...
Gibts da ne Möglichkeit?

Geschrieben von Cpt.Miller am 12.10.2006 um 13:56:

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.

Geschrieben von LX am 12.10.2006 um 14:43:

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

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.

Geschrieben von sQuint am 15.10.2006 um 21:58:

Vielen Dank erst mal

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

Geschrieben von Wenso am 16.10.2006 um 19:49:

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

*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

Geschrieben von sQuint am 16.10.2006 um 21:27:

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

Geschrieben von LX am 16.10.2006 um 21:37:

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).

Geschrieben von sQuint am 17.10.2006 um 19:05:

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