|
|
|
|
Scrollbalken bei niedrigen Auflösungen |
sQuint
BlackBoarder
Dabei seit: 10.10.2001
Beiträge: 1.454
|
|
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
|
|
10.10.2006 15:13 |
|
|
sQuint
BlackBoarder
Dabei seit: 10.10.2001
Beiträge: 1.454
Themenstarter
|
|
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 |
|
|
Cpt.Miller
BlackBoarder
Dabei seit: 14.08.2003
Beiträge: 644
Herkunft: Stuttgart
|
|
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 |
|
|
LX
El Comandante en Jefe
Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx
|
|
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.
__________________ 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 |
|
|
Wenso
Amokschläfer
Dabei seit: 25.02.2002
Beiträge: 1.715
Herkunft: Hessen
|
|
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
__________________
|
|
16.10.2006 19:49 |
|
|
sQuint
BlackBoarder
Dabei seit: 10.10.2001
Beiträge: 1.454
Themenstarter
|
|
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 |
|
|
LX
El Comandante en Jefe
Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx
|
|
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 |
|
|
sQuint
BlackBoarder
Dabei seit: 10.10.2001
Beiträge: 1.454
Themenstarter
|
|
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
|
|
17.10.2006 19:05 |
|
|
|
|
|
|