BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- Scrollbalken bei niedrigen Auflösungen (http://www.black-board.net/thread.php?threadid=22556)
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>
<a href="?main=wir" class="navi">Wir über uns</a>
<a href="?main=vorstand" class="navi">Der Vorstand</a>
<a href="?main=programm" class="navi">Das Programm</a>
<a href="/fotos/" class="navi">Fotos</a>
<a href="?main=links" class="navi">Links</a>
<a href="/wbbook/" class="navi">Gästebuch</a>
<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
Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH