Autor |
Nachricht |
bender2601
Threadersteller
Dabei seit: 07.12.2006
Ort: Wien
Alter: 51
Geschlecht:
|
Verfasst Mi 30.01.2008 12:57
Titel CSS / Tabellenproblem ... Hilfe! |
|
|
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> </td>
<td id=backgroundContent><img src="http://www.january73.com/images/asset_spacer.gif" width="300" height="100">
</td>
<td width="700" id=backgroundRight> </td>
</tr>
</table>
</body>
</html> |
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 30.01.2008 13:33
Titel
|
|
|
Erstmal herzlichen Glückwunsch zur Seite (january73), optisch gefällt die mir mehr als gut.
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
|
|
|
|
|
Anzeige
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mi 30.01.2008 13:42
Titel
|
|
|
erst mal grüsse von wien nach wien (hallo nachbar )
vlt hilft dir der link weiter
|
|
|
|
|
bender2601
Threadersteller
Dabei seit: 07.12.2006
Ort: Wien
Alter: 51
Geschlecht:
|
Verfasst Mi 30.01.2008 15:41
Titel
|
|
|
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.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 30.01.2008 17:09
Titel Re: CSS / Tabellenproblem ... Hilfe! |
|
|
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
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
|
|
|
|
|
bender2601
Threadersteller
Dabei seit: 07.12.2006
Ort: Wien
Alter: 51
Geschlecht:
|
Verfasst Do 31.01.2008 09:22
Titel
|
|
|
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...
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 31.01.2008 10:50
Titel
|
|
|
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??
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
edit2: auf die schnelle nicht hinbekommen - und nu muss ich selbst wat machen, sorry
Zuletzt bearbeitet von pixelpapst303 am Do 31.01.2008 11:13, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS-Tabellenproblem
Tabellenproblem
tabellenproblem
Tabellenproblem bzw. Frage
Tabellenproblem mit Facebook
Tabellenproblem im IE [Problem gelöst]
|
|