|
|
Hallo!
Ich habe jetzt schon eine Weile im Internet recherchiert, aber finde einfach nicht heraus wie ich mein Problem lösen kann. Ich möchte eine einfache Tabelle, die Text und Kontrollkästchen enthält, scrollen können.
Hier mein Quellcode der HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Aggregate</title>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -->
<link rel ="stylesheet" type = "text/css" href="CSS_index.css" />
<link rel ="stylesheet" type = "text/css" href="CSS_aggregate.css" />
</head>
<body> ...
<div id="aggregate"> ...
<table class="abfal">
<tr>
<td class="spalte1"></td>
<td class="spalte2"><h4>AVV-Nr.</h4></td>
<td class="spalte3"><h4>Beschreibung</h4></td>
</tr>
<tr> ... {viele viele Zeileneinträge}
</table>
</div>
Und dazu ein Teil meines CSS-Datei: CSS_aggregate.css
#aggregate table.abfal {
border: 1px solid #aaaaaa;
height: 50px; /* srollbare Tabelle funktioniert nicht!!!! */
overflow: auto;
}
#aggregate table.abfal td{
border: 1px solid #aaaaaa;
}
#aggregate table.abfal th{
border: 1px solid #aaaaaa;
background-color: #183362;
color: #FFFFFF;
}
Sobald ich Änderungen in "#aggregate table.abfal" vornehme werden diese umgesetzt. Einzig und allein die Eigenschaft "height" wird nicht umgesetzt! Wie schaffe ich das trotzdem? Ich verwende übrigens als Browser Firefox und zum teil Google Chrome.
Vielen, vielen Dank für eure Hilfe!!!
|
|
| 23.05.2012 15:48:32 |
|
|
|
Hallo,
installiere den Firebug (https://addons.mozilla.org/de/firefox/addon/1843 ) und schau ob der die Höhe anzeigt, oder ob eine andere Höhe sich rein drängt.
Falls du den nicht kennst, hier findest du eine Anleitung:
http://matthiasschuetz.com/firebug-tipps-fuer-das-editieren-von-css-styles
|
|
| 26.05.2012 16:16:53 |
|
