mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 06:17 Benutzername: Passwort: Auto-Login

Thema: DivTabellen - height:100% vom 21.02.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DivTabellen - height:100%
Autor Nachricht
avon
Threadersteller

Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht: Männlich
Verfasst Mi 21.02.2007 14:09
Titel

DivTabellen - height:100%

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
avon
Threadersteller

Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht: Männlich
Verfasst Do 22.02.2007 11:45
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 22.02.2007 11:54
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
burnout

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht: Männlich
Verfasst Do 22.02.2007 12:10
Titel

Antworten mit Zitat Zum Seitenanfang

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 *Huch*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
avon
Threadersteller

Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht: Männlich
Verfasst Do 22.02.2007 13:04
Titel

Antworten mit Zitat Zum Seitenanfang

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... )
  View user's profile Private Nachricht senden
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Do 22.02.2007 13:08
Titel

Antworten mit Zitat Zum Seitenanfang

tabellen kann man genau wie divs ebenfalls Prozentwerte bei maßangaben zuweisen
  View user's profile Private Nachricht senden
avon
Threadersteller

Dabei seit: 02.07.2006
Ort: Waging
Alter: 35
Geschlecht: Männlich
Verfasst Do 22.02.2007 13:25
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
 
Ä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%
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.