zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Rest der Zelle mit Tabelle ausfüllen.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.10.2007, 16:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2006
Beiträge: 65
wuschba befindet sich auf einem aufstrebenden Ast
Standard Rest der Zelle mit Tabelle ausfüllen.

PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<
html>
<
head>
<
title></title>
<
meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<
style type="text/css">
td border1px solid black;  vertical-align:top;}
</
style>
</
head>
<
body>
<
table style="width:400px;">
    <
tr>
        <
td style="width:200px;">
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
        </
td>
        <
td style="width:200px;">
            <
table style="width:100%; height:100%; border:1px solid red;">
                <
tr><td style="height:20px;">Text 1</td></tr>
                <
tr><td style="height:20px;">Text 2</td></tr>
                <
tr style="height:100%;"><td style="vertical-align:bottom; height:100%;">Diese Zelle soll so groß seindass sie die umgebende Zelle vollständig in der Höhe ausfülltDieser Text soll dabei am Boden erscheinen.</td></tr>
            </
table>
        </
td>
    </
tr>    
</
table>
</
body>
</
html
Ich möchte eigentlich "nur", dass die Zelle mit dem Text "Diese Zelle..." die restliche Höhe der umgebende Zelle ausfüllt, so dass unter der inneren (roten) Tabelle kein Platz mehr frei bleibt. Das tut sie aber nicht, obwohl überall "height:100%" angegeben ist. Was mache ich falsch?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.10.2007, 16:38
Benutzer
neuer user
 
Registriert seit: 24.11.2006
Beiträge: 60
white57 befindet sich auf einem aufstrebenden Ast
Standard

versuch mal

PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<
html>
<
head>
<
title></title>
<
meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<
style type="text/css">
td border1px solid black;  vertical-align:top;}
</
style>
</
head>
<
body>
<
table style="width:400px;">
    <
tr>
        <
td style="width:200px;">
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
            
Irgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel TextIrgendein Bereich mit viel Text
        </
td>
        <
td style="width:200px;position:relative">
            <
table style="width:100%; height:100%; border:1px solid red;">
                <
tr><td style="height:20px;">Text 1</td></tr>
                <
tr><td style="height:20px;">Text 2</td></tr>
                <
tr style="height:100%;"><td style="vertical-align:bottom; height:100%;">Diese Zelle soll so groß seindass sie die umgebende Zelle vollständig in der Höhe ausfülltDieser Text soll dabei am Boden erscheinen.</td></tr>
            </
table>
        </
td>
    </
tr>    
</
table>
</
body>
</
html
allerdings ungetested. ich hab der übergeordneten zelle noch ein position:relative gegeben.

sieht übrigends sehr nach tabellen-layout aus, das wenn möglich vermeiden und lieber mit floatenden div-layern arbeiten.

Gruß,
Niklas
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.10.2007, 16:51
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2006
Beiträge: 65
wuschba befindet sich auf einem aufstrebenden Ast
Standard

Hi Niklas,

danke für die Antwort. Geht aber leider nicht...

Das ist Tabellenlayout, das ganze soll simultan noch in ein PDF übersetzt werden, und der Konverter hat ganz böse Probleme mit den DIVs... Nicht fragen, ist kompliziert Und ich wollte mir die Arbeit schenken, es 2x zu machen.
Mit Zitat antworten
  #4 (permalink)  
Alt 04.10.2007, 17:07
Benutzer
neuer user
 
Registriert seit: 24.11.2006
Beiträge: 60
white57 befindet sich auf einem aufstrebenden Ast
Standard

gut, kann ich dann verstehen. ich hab allerdings kaum erfahrungen im zusammenhang mit tabellen und css, da tabellen schon "out" waren, als ich mit webdesign angefangen habe.

Sorry.

Gruß,
Niklas
Mit Zitat antworten
  #5 (permalink)  
Alt 04.10.2007, 17:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2006
Beiträge: 65
wuschba befindet sich auf einem aufstrebenden Ast
Standard

Dank Dir trotzdem! Ich bastel mal weiter
Mit Zitat antworten
  #6 (permalink)  
Alt 04.10.2007, 19:56
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von white57 Beitrag anzeigen
ich hab allerdings kaum erfahrungen im zusammenhang mit tabellen und css, da tabellen schon "out" waren, als ich mit webdesign angefangen habe.
Tabellen war und sind nicht out. Man benutzt sie nur nicht mehr für Layouts.

@Themenersteller:
Lies dich mal hier ein: Tabellen – Einführung in XHTML, CSS und Webdesign und danach hier: Das CSS-Tabellenmodell – Einführung in XHTML, CSS und Webdesign
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #7 (permalink)  
Alt 04.10.2007, 20:19
Benutzer
neuer user
 
Registriert seit: 24.11.2006
Beiträge: 60
white57 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von BlackHawk Beitrag anzeigen
Tabellen war und sind nicht out. Man benutzt sie nur nicht mehr für Layouts.
was ich damit natürlich auch sagen wollte.
__________________
Gruß,
Niklas

The Place To Be
Mit Zitat antworten
  #8 (permalink)  
Alt 04.10.2007, 21:28
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 07.04.2007
Beiträge: 311
ct2oo4 befindet sich auf einem aufstrebenden Ast
Standard

@Wuschba:
Möchstest du die HTML Seite mittels PHP in PDF ausgeben?!
__________________
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Footer soll den Rest der Seite ausfüllen web334 CSS 4 30.11.2010 21:34
div: Rest der Seite ausfüllen wuschba CSS 4 12.10.2007 12:11
Tabelle in CSS: mittlere Spalten sollen Platz ganz ausfüllen wiseguy CSS 2 23.03.2007 19:31
Tabelle: Zellenhöhe 100% / Zelle zu breit yoitsme CSS 1 02.01.2007 22:00
Tabelle & Grafik in einer Zelle ausrichten tgross CSS 3 11.03.2004 12:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:35 Uhr.