mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 15:25 Benutzername: Passwort: Auto-Login

Thema: Tabellen Problem: Feste Breite/100% vom 04.07.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Tabellen Problem: Feste Breite/100%
Autor Nachricht
Beatbox.Rocker
Threadersteller

Dabei seit: 28.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 04.07.2012 14:23
Titel

Tabellen Problem: Feste Breite/100%

Antworten mit Zitat Zum Seitenanfang

Halli hallo ...

habe ein kleines HTML-Problem. Und durch SelfHTML o.ä. komme ich leider nicht weiter *Schnief*

Es handelt sich um folgenden Code:

Zitat:
<table id="main" width="" height="" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="" height="99" bgcolor="#ffffff">
</td>
<td width="19" height="99">
<img src="Bilder/index2_02.jpg" alt=""></td>
<td width="1022" height="99">
<img src="Bilder/index2_03.jpg" alt=""></td>
<td width="19" height="99">
<img src="Bilder/index2_04.jpg" alt=""></td>
<td width="" height="99" bgcolor="#ffffff">
</td>
</tr>
<tr>
<td width="" height="188" bgcolor="#d7d5d6">
</td>
<td width="19" height="188">
<img src="Bilder/index2_07.jpg" alt=""></td>
<td width="1022" height="188">
<img src="Bilder/index2_08.jpg" alt=""></td>
<td width="19" height="188">
<img src="Bilder/index2_09.jpg" alt=""></td>
<td width="" height="188" bgcolor="#d7d5d6">
</td>
</tr>
<tr>
<td width="" height="460" bgcolor="#ffffff">
</td>
<td width="19" height="460" >
<img src="Bilder/index2_12.jpg" alt=""></td>
<td width="1022" height="460">
<img src="Bilder/index2_13.jpg" alt=""></td>
<td width="19" height="460">
<img src="Bilder/index2_14.jpg" alt=""></td>
<td width="" height="460" bgcolor="#ffffff">
</td>
</tr>

</table>


Ich möchte, dass die gesamte Tabelle meinen Browser in der Breite zu 100% ausfüllt. Daher dachte ich:

Zitat:
<table width="100%" ...


Meine Tabelle ist 5-spaltig aufgebaut. Die jeweils 3 inneren haben fixe Breiten. Ich möchte dass die inneren 3 Spalten jeweils mittig angeordnet bleiben mit den fixen Größen, die äußeren jeweils den gesamten Browser ausfüllend "wachsen". Hintergrund: Habe eine Zelle mit farbigem Hintergrund links und rechts vom Content eingebaut, die sich dem Browser entsprechend über die gesamte Breite ziehen sollen!

Also dachte ich gebe ich den äußeren TD's jeweils auch

Zitat:
width="100%


Leider klappt dies nicht, da dadurch die Zeilen der ersten Spalte komplett die 100% einnehmen.

Alleine schon <table width="100%"> zerschießt mir die Seite und die mittlere Spalte zieht sich auf 100%.

Habe "auto" probiert, "*", etc. Irgendwie klappt davon garnichts!

Hier noch ne Skizze:




Danke schonmal für mögliche Hilfe Lächel

Lg.


Zuletzt bearbeitet von Beatbox.Rocker am Mi 04.07.2012 14:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Mi 04.07.2012 15:40
Titel

Antworten mit Zitat Zum Seitenanfang

Bitte stell eine vollumfängliche Demoseite ins Netz und gib uns den Link dazu.

Wenn die Tabelle eine definierte Größe hat (hier 100%) und 3 Zellen eine fixe Breite sollten sich die Zellen ohne definierte Breite afaik den verbleibenden Platz teilen.

Btw. Du könntest deinen Quelltext erheblich verschlanken und übersichtlicher machen, wenn du konsequent CSS nutzen würdest.

Gruß
Karl
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mi 04.07.2012 15:45
Titel

Antworten mit Zitat Zum Seitenanfang

Tu dir selbst einen Gefallen und versuch es mit einem sinnvollen Ansatz. Warum man Tabellen schon lange nicht mehr als Layout-Krücken verwenden sollte wurde in genügend antiken Beiträgen auch in diesem Forum ausdiskutiert. <-- Schuld!
  View user's profile Private Nachricht senden
Beatbox.Rocker
Threadersteller

Dabei seit: 28.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 04.07.2012 16:22
Titel

Antworten mit Zitat Zum Seitenanfang

danke schonmal für eure antworten. von css etc. hab ich leider keine ahnung. ist ein privates projekt und bin schon froh dass ich mit meinem selbstangeeigneten wissen soweit gekommen bin. habe mir nochmal rein logisch dass ganze angeschaut und wie karl sagte, müsste es eig. klappen. getestet bisher die ganze zeit im safari.

hab mal den firefox probiert. hier klappts wie es soll. lustig ist nur, dass wenn ich mir meine zellen mal per border="1" anzeigen lasse, dass es dann im safari auch klappt!

könnte ich evtl. probieren mir die jeweils äußeren spalten zu sparen, den wachsenden streifen als background-image auf die seite lege und meine überbleibenden 3-spalten als tabelle per <div> platziere?

oder ist das ein noch unsauberer weg?
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mi 04.07.2012 16:50
Titel

Antworten mit Zitat Zum Seitenanfang

Na denn - auf eine unsauber programmierte Seite mehr oder weniger kommt es auch nicht mehr an. *zwinker*

Der Safari scheint es nicht zu mögen, wenn Tabellenzellen komplett leer sind. Mach mal in die leeren Zellen ein geschütztes Leerzeichen rein.
Code:
<td>&nbsp;</td>
  View user's profile Private Nachricht senden
Beatbox.Rocker
Threadersteller

Dabei seit: 28.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 04.07.2012 16:56
Titel

Antworten mit Zitat Zum Seitenanfang

und bääm ... das wars Lächel für meine bedürfnisse ausreichend! aber werd mich nochmal reinlesen und mehr mit beschäftigen! vielen dank für die hilfe!
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] dreispaltig, feste Breite, Header, Footer - Problem
[CSS] Feste und variable Breite.
Variable und feste Breite in einer Box
ie6 Div ändert feste Breite wg. Child Element
Responsive Design oder feste Breite
CSS Problem Header feste Höhe, Content Fensterfüllend?
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.