|
 |
  |
| Autor |
Nachricht |
Teuse
Neuer [User]
Anmeldung: 13.02.05
Beiträge: 6
|
 Verfasst am: 01.03.2006, 23:27 Titel: tabellenhöhe auf bildschirmhöhe anpassen und darin scrollen |
 |
|
habe ein kleines problem! habe mit css ein box mit fester breite und der höhe des bildschirms angelegt!
meine css datei:
| Code: | #content{
background: transparent;
height: 100%;
width: 786px;
top: 0px;
left: 0px;
position: absolute;
margin: auto;
color: Fuchsia;
}
.scrollen {
overflow: auto;
height: 95%;
width: 95%:
} |
jetzt habe ich in meiner html datei eine tabelle angelegt, deren höhe 100% beträgt!
jetzt will ich, dass wenn mehr inhalt in der tabelle ist, man in der tabelle scrollen muß und nicht rechts am browser! (versteht man das? hmmm)
hier mal meine html datei:
| Code: | <div id="content">
<table border="1" width="100%" height="100%">
<tr>
<td height="30%"><img align="center" src="./design-vorschlag/beine.jpg"></td>
</tr>
<tr>
<td height="70%"><div class="scrollen">
Hier <br><br> kommt<br><br> mal<br><br>der<br><br>inhalt<br><br>hin,
<br><br>wenn<br><br>alles <br><br>klappt!<br><br>*hoff*
</div></td>
</tr>
</div> |
im opera funktionier es, aber sonst nirgends! er macht mir in die tabelle zwar ein scroll-balken, aber das meiste muß ich über den browser scrollbalken scrollen.
wäre sehr dankbar, wenn mir irgendwer helfen könnte... sitze schon seid stunden hier dran 
PS: warum setzt er die box nicht mittig mit wenn ich | Code: | | position: absolute; |
benutze??
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 02.03.2006, 17:15 Titel: |
|
|
imo könnte es klappen, wenn du der Tabelle folgenden Style verpasst:
Um ein Element mittig (horizontal) zu setzen, probiers doch mal damit:
| Code: |
margin-left: 50%;
padding-left: -393px; |
Kannst ja mal ein bisschen ausprobieren, bin mir jetzt leider auch nicht so sicher...
|
|
| Nach oben |
|
|
Teuse
Neuer [User]
Anmeldung: 13.02.05
Beiträge: 6
|
| Verfasst am: 02.03.2006, 21:14 Titel: |
|
|
funktioniert leider beides net, aber danke schonmal für die antwort!!
zum ersten.. habe es nochmal extra in die tabelle rein geschreiben, hat aber nix gebracht!! außerdem habe ich das ja schon in der css stehen.
zum zweiten, padding bringt nix.. kann da rein schreiben was ich will... werde da bei gelegenheit nochmal rumprobieren.
aber das ist auch nicht so wichtig... das erste wäre mir wichtiger.
mfg
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 05.03.2006, 17:54 Titel: |
|
|
guck dir das mal an:
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta name="generator" content="Scribe! 2 [http://scribe.de]">
<title>Unbenannt</title>
</head>
<body style="height: 100% padding: 0px; padding-left: 50%;">
<div style="height: 100%; width: 400px; margin-left: -200px; background: #ff0000; overflow: auto;">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
blubb
</div>
</body>
</html>
|
Villeicht kannst du damit ja was anfangen.
MfG,
chris
|
|
| Nach oben |
|
|
Teuse
Neuer [User]
Anmeldung: 13.02.05
Beiträge: 6
|
| Verfasst am: 05.03.2006, 18:50 Titel: |
|
|
sehr sehr geil, es klappt  *vorfreudeindieluftspring*
Danke
teuse
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
