mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 19:08 Benutzername: Passwort: Auto-Login

Thema: CSS / Tabellenproblem ... Hilfe! vom 30.01.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS / Tabellenproblem ... Hilfe!
Autor Nachricht
bender2601
Threadersteller

Dabei seit: 07.12.2006
Ort: Wien
Alter: 51
Geschlecht: Männlich
Verfasst Mi 30.01.2008 12:57
Titel

CSS / Tabellenproblem ... Hilfe!

Antworten mit Zitat Zum Seitenanfang

Hi Leute,

ich hab ein Problem, bei dem ich nicht mehr weiter weiß - ich habe das untenstehende Layout in dem ich mit Hilfe von einer Tabelle den gewünschten Layouteffekt erziele:

3 Spalten:
Die 1. Spalte soll sich bei Verkleinerung des Browserfensters zuerst verkleinern, bis sie verschwunden ist
Die 2. Spalte soll immer gleich bleiben (300px) = content
Die 3. Spalte soll bei vollem Browserfenster 700px haben - bei Verkleinerung des Fensters soll sich diese Spalte erst verkleinern, wenn die 1. Spalte bereits ganz verschwunden ist

Die Seite sollte im Idealfall 100% Höhe haben und keine Scrollbalken anzeigen

Ich will das natürlich komplett in CSS haben, scheitere aber einfach am Verhalten der Spalten.

Mein Testcode ist jetzt nur ganz normales HTML (nix XHTML, etc.) und ohne jegliche Optimierung (also bitte keine diesbzgl. Kritik)

Vielen Dank schon für Eure Hilfe im Voraus.

Cheers,
Robert

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tabellen problem</title>
<style type="text/css">
<!--
body                
{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family:
"Arial, Helvetica, sans-serif"; font-size: 10px; font-weight: bold;
letter-spacing: 0.1em; color: #85796B; overflow: hidden; }
#backgroundContent       
{ background: url("http://www.january73.com/images/background-test-content.jpg");
float: right; width: 300px; height: 100%; }
#backgroundLeft          
{ background: url("http://www.january73.com/images/background-test-left.jpg");
PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; }
#backgroundRight       
{ background: url("http://www.january73.com/images/background-test-right.jpg"); background-repeat: repeat-x;
height: 1000px; width: 700px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; }
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id=backgroundLeft>&nbsp;</td>
    <td id=backgroundContent><img src="http://www.january73.com/images/asset_spacer.gif" width="300" height="100">
    </td>
    <td width="700" id=backgroundRight>&nbsp; </td>
  </tr>
</table>

</body>
</html>
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 30.01.2008 13:33
Titel

Antworten mit Zitat Zum Seitenanfang

Erstmal herzlichen Glückwunsch zur Seite (january73), optisch gefällt die mir mehr als gut. * Ich bin unwürdig *

Zitat:
Mein Testcode ist jetzt nur ganz normales HTML (nix XHTML, etc.) und ohne jegliche Optimierung (also bitte keine diesbzgl. Kritik)


Trotzdem: So geil der erste Eindruck ist, muss ich dir leider sagen: Wenn du dir keine Mühe gibst, geb ich mir auch keine. Diese Tabellensuppe durchzugehen und Layouttabellen zu optimieren, da hätte ich anno '98 Bock drauf gehabt, aber jetzt entlockts mir nur ein Gähnen.

Mach dich mal mit den Grundlagen von CSS-Design und Tabellenlosen Layouts vertraut (da gibts ne Menge Ressourcen, bspw. alistapart.com, http://www.yaml.de/). Wenn dann immer noch Probleme bestehen - was ich bezweifle - kannste deine Frage ja nochmal stellen.


Zuletzt bearbeitet von bacon am Mi 30.01.2008 13:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht: Männlich
Verfasst Mi 30.01.2008 13:42
Titel

Antworten mit Zitat Zum Seitenanfang

erst mal grüsse von wien nach wien (hallo nachbar * huduwudu! * )

vlt hilft dir der link weiter
  View user's profile Private Nachricht senden
bender2601
Threadersteller

Dabei seit: 07.12.2006
Ort: Wien
Alter: 51
Geschlecht: Männlich
Verfasst Mi 30.01.2008 15:41
Titel

Antworten mit Zitat Zum Seitenanfang

Hi Ihr zwei,

danke schon mal für die Antworten.

@ bacon - es freut mich zwar, daß Dir meine Seite gefällt, aber um die geht's hier gar nicht (die ist ohnehin schon recht veraltet und daß die Tabellen dort bald durch CSS ersetzt werden ist nur eine Frage bis zum nächsten update).

Es geht hier nur um die eine Seite, deren Code ich oben geposted habe und ein ganz spezifisches Verhaltensproblem der Spalten diesbezüglich (von Tabellensuppe kann dort keine Rede sein - ist lediglich eine einzige dreispaltige Tabelle) Ich hab mich nun bereits einige Stunden mit diesem einen Problem befasst und komm nach langem hin und her und suchen einfach nicht weiter.

Hier ist nochmals die Seite zum Anschauen: Testseite - so, wie sich die Spalten hier verhalten, sollen sie sich nachher als reine CSS Seite verhalten. Am besten zuerst mit 1280px Breite betrachten und dann das Browserfenster immer mehr verkleinern.
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 30.01.2008 17:09
Titel

Re: CSS / Tabellenproblem ... Hilfe!

Antworten mit Zitat Zum Seitenanfang

bender2601 hat geschrieben:

Die 3. Spalte soll bei vollem Browserfenster 700px haben - bei Verkleinerung des Fensters soll sich diese Spalte erst verkleinern, wenn die 1. Spalte bereits ganz verschwunden ist


ich befürchte, dass du genau deswegen nicht um irgendeine form von scripting rumkommst.

a) soll passieren, WENN b) zutrifft... klassisch IF, oder *zwinker*

heißt ja, du musst erstmal wissen, wann is spalte 1 weg.

ich gehe schwer davon aus, dass dir da html und css nicht reichen werden.



EDIT: schau dir das mal an. da ist die lösung eigentlich schon mit drin:
http://de.selfhtml.org/javascript/beispiele/anzeige/fenstergroessenueberwachen.htm


Zuletzt bearbeitet von pixelpapst303 am Mi 30.01.2008 17:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bender2601
Threadersteller

Dabei seit: 07.12.2006
Ort: Wien
Alter: 51
Geschlecht: Männlich
Verfasst Do 31.01.2008 09:22
Titel

Antworten mit Zitat Zum Seitenanfang

Ich hab's mir fast gedacht - aber das wäre ja eigentlich auch ein Wahnsinn, das Layout einer Seite von Javascript oder PHP abhängig zu machen, nur damit ich eine einzige Tabelle im Code vermeide - man kann es ja auch übertreiben...
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 31.01.2008 10:50
Titel

Antworten mit Zitat Zum Seitenanfang

kannst du nicht eher dieses komische verhalten meiden?? ich kenne natürlich dein konzept der seite nicht. aber muss es denn wirklich so ein konstrukt sein, dass sich bei resize so .... schräg verhält?? *zwinker*

btw: wie willst du bei einer tabelle erreichen, dass die eine zelle erst dann kleiner wird, wenn die andere auf null ist? befürchte, dass du da gleich wieder das selbe problem hast...

edit: mir kam gerade noch ein geistesblitz... will mal was in css probieren... sekündchen bitte *zwinker*
edit2: auf die schnelle nicht hinbekommen - und nu muss ich selbst wat machen, sorry *zwinker*


Zuletzt bearbeitet von pixelpapst303 am Do 31.01.2008 11:13, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS-Tabellenproblem
Tabellenproblem
tabellenproblem
Tabellenproblem bzw. Frage
Tabellenproblem mit Facebook
Tabellenproblem im IE [Problem gelöst]
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.