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% |
|
|
Halli hallo ...
habe ein kleines HTML-Problem. Und durch SelfHTML o.ä. komme ich leider nicht weiter
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
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
Lg.
Zuletzt bearbeitet von Beatbox.Rocker am Mi 04.07.2012 14:24, insgesamt 1-mal bearbeitet
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Mi 04.07.2012 15:40
Titel
|
|
|
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
|
|
|
|
|
Anzeige
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 04.07.2012 15:45
Titel
|
|
|
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.
|
|
|
|
|
Beatbox.Rocker
Threadersteller
Dabei seit: 28.09.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 04.07.2012 16:22
Titel
|
|
|
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?
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Mi 04.07.2012 16:50
Titel
|
|
|
Na denn - auf eine unsauber programmierte Seite mehr oder weniger kommt es auch nicht mehr an.
Der Safari scheint es nicht zu mögen, wenn Tabellenzellen komplett leer sind. Mach mal in die leeren Zellen ein geschütztes Leerzeichen rein.
|
|
|
|
|
Beatbox.Rocker
Threadersteller
Dabei seit: 28.09.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 04.07.2012 16:56
Titel
|
|
|
und bääm ... das wars für meine bedürfnisse ausreichend! aber werd mich nochmal reinlesen und mehr mit beschäftigen! vielen dank für die hilfe!
|
|
|
|
|
|
|
|
Ä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?
|
|