Autor |
Nachricht |
avon
Threadersteller
Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht:
|
Verfasst Mi 21.02.2007 14:09
Titel DivTabellen - height:100% |
|
|
HuHu,
Im folgenden Quellcode habe ich ein Tabelle aus div's gebastelt. Durch "html, body {heigh:100%;} lässt sich die höhe von Boxen auch in der höhe Prozentual angeben.
Bei dem Quellcode handelt es sich um eine Tabele mit 2 zeilen (1 Z. = height:160px - 2 Z. height:100%).
In der zweiten Zeile ist ein div zu einer Box aufgezogen und hat die höhe 100%.
Code: |
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
html, body {height:100%; margin:0px;}
#MainTable {
display:table;
height:100%;
width:100%;
background-color:#00FFFF;
table-layout:fixed;}
.TR {
display:table-row;
background-color:#FF00FF;
table-layout:fixed;}
.TD {
display:table-cell;
background-color:#336600;
table-layout:fixed;}
-->
</style>
</head>
<body>
<div id="MainTable">
<div class="TR">
<div class="TD" style="height:160px; background-color:#0099CC">MainTable - TD1</div>
</div>
<div class="TR">
<div class="TD" style="height:100%; background-color:#009999;">
MainTable - TD2
<div style="height:100%; z-index:50; display:block; background-color:#00CC99; width:50%;">Box</div>
</div>
</div>
</div>
</body>
</html>
|
Im FireFox, wie könntes es anders sein, alles wunderbar.
Den IE interessiert jedoch nicht das nur 100% vom Bildschirm -160px platz für die Box zur verfügung stehen.
Für den IE bedeuten 100% die höhe vom Bildschirm, egal was sich sonst auf der Seite befindet = Scrollbar... .
Kennt jmd von euch eine Möglich, das der IE wirklich nur den Platz vergiebt, der auch wirklich da ist?:]
Vielen Dank
Freundliche Grüße
avon
|
|
|
|
|
avon
Threadersteller
Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht:
|
Verfasst Do 22.02.2007 11:45
Titel
|
|
|
Eine möglichkeit die mir einfällt währe "table-layout:fixed" leider bezieht sich diese Funktion aber nur auf die Tabellen-Breite. Weis jemand eine möglichkeit etwas ähnliches für die höhe anzugeben?
danke
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 22.02.2007 11:54
Titel
|
|
|
Was hast du eigentlich vor? Willst du eine Tabelle darstellen?- dann benutz doch auch
einfach eine Tabelle? Andernfalls verstehe ich nicht worauf du hinaus willst?
|
|
|
|
|
burnout
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
Verfasst Do 22.02.2007 12:10
Titel
|
|
|
ich stelle mir auch gerade die Frage, warum Du eine Tabelle aus divs erstellen willst? Tabellarische Inhalte stellt man mit Tabellen dar, so einfach ist das
|
|
|
|
|
avon
Threadersteller
Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht:
|
Verfasst Do 22.02.2007 13:04
Titel
|
|
|
Im Grunde ist es total egal ob ich div Tabellen baue oder normale Tabellen verwende.
Allerdings will ich keinen Tabellarischen inhalt, es geht um ein Layout das immer 100% x 100% groß ist und im Content Scrollbar.
(DivTabellen haben den Vorteil das "overflow:auto" funktioniert und noch ein paar sachen mehr... )
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Do 22.02.2007 13:08
Titel
|
|
|
tabellen kann man genau wie divs ebenfalls Prozentwerte bei maßangaben zuweisen
|
|
|
|
|
avon
Threadersteller
Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht:
|
Verfasst Do 22.02.2007 13:25
Titel
|
|
|
darauf will ich auch nicht hinaus, eine Tabelle mit höhe 100% würde sich nicht über den Bildschirmrand hinausschieben, ein e DivBox tut dies aber. Und eine Tabelle kann ich nicht verwenden weil overflow:auto dort nicht funkioniert.
Wie bekomm ich die DivBox dazu das sie im IE nicht so stur 100% der höhe des Bildschirm annimmt?
Ich hoffe das man das verstehen kann =)
Danke
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Height hin, Height her - Größe von DIV's
div height 100%?
css: min-height bei IE 6
Div 100% Height
height in Netscape
Wieder mal... CSS height 100%
|
|