[CSS] "koplexere" Audrücke statt einfachen zahlen

[glkgereon]

Hi,

Ist es möglich in einem CSS statt zB "width: 75%;" einen mathematischen ausdruck anzugeben?
zB "width: (100%)-250px;" oder so...
geht das irgendwie?

[Neuni]

Glaube ich kaum...wenn dann mit Javascript.

[glkgereon]

Zitat:

Zitat von Neuni

Glaube ich kaum...wenn dann mit Javascript.

wie ginge soetwas denn mit javascript?

[Neuni]

Von was sind denn die 100%? Fenstergröße oder vom div?

[glkgereon]

Zitat:

Zitat von Neuni

Von was sind denn die 100%? Fenstergröße oder vom div?

sowohl als auch :-P

es geht um folgende Page
(bitte keine kommentare zu den farben...sind eher Alpha^^)

und da geht es um alle größenverhältnisse weil das alles zusammenkracht wenn die auflösung zu klein wird und es in großen auflösungen scheisse aussieht :-(

[Neuni]

Also die breite bekommste damit:

Zitat:

var breite = document.getElementById("aa").offsetWidth;

Wär dann vom Element mit der id "aa"...zb: <div id="aa">blabla</div>

Kannste bissl JS?

[glkgereon]

Zitat:

Zitat von Neuni

Also die breite bekommste damit:

Zitat:

var breite = document.getElementById("aa").offsetWidth;

Wär dann vom Element mit der id "aa"...zb: <div id="aa">blabla</div>

Kannste bissl JS?

Ein ganz bisschen^^

ich werd mal schauen ob ich das hinkrieg...

[Neuni]

Stellt sich die Frage: Brauchst du das wirklich für die Page?

[Tubos]

1

Zitat:

width: (100%)-250px

Das hab ich für meine Webseite auch probiert!
Funktioniert nicht! Und durch JavaScript würde die Kompatibilität eingeschränkt werden.
Sag doch mal, was du erreichen willst. Es gibt wahrscheinlich Alternativen. Bei mir hab ich's auch irgendwie hingekriegt, auch wenn ich nicht mehr weiß was es war...

Zitat:

es geht um folgende Page
(bitte keine kommentare zu den farben...sind eher Alpha^^)

Hey, genau sowas wie deine "Alpha" krieg ich nach dreistündigem Herumprobieren hin. Minimum. Jep, grafisches Design ist nicht meins.

[Neuni]

Joa...JS is scheiße :)

Aber denke mal die Page sollte auch ohne sowas gehen...

[Delphi-Freak]

Wenn ich mir die Seite so anschaue (übrigens sind die Farben gar nicht so schlecht...) dann ließe sich das doch relativ gut über eine Tabelle (oder mehrere ineinander) lösen...

Oben mit colspan="2" und dort wo Homepage drinnen steht, das wird dann halt so breit wie möglich, rechts das Info fix die Breite und das Menü oben mit einer einzeiligen weiteren Tabelle (nur mal so wirr meine Gedanken :mrgreen: )

LG, ich

PS: Übrigens, läuft die Seite auf deinem eigenen Server?

[Neuni]

Bäää....böse! Doch keine Tabellen zum Designen :kotz:

[glkgereon]

Zitat:

Zitat von Delphi-Freak

Wenn ich mir die Seite so anschaue (übrigens sind die Farben gar nicht so schlecht...) dann ließe sich das doch relativ gut über eine Tabelle (oder mehrere ineinander) lösen...

Oben mit colspan="2" und dort wo Homepage drinnen steht, das wird dann halt so breit wie möglich, rechts das Info fix die Breite und das Menü oben mit einer einzeiligen weiteren Tabelle (nur mal so wirr meine Gedanken :mrgreen: )

LG, ich

PS: Übrigens, läuft die Seite auf deinem eigenen Server?

hmm...probier ich direkt mal aus^^

[Delphi-Freak]

Nagut, dann halt div-Tags mit display auf diese table-Eigenschaften (simuliert dann auch eine Tabelle) :mrgreen:

Also ich finde Tabellen nicht so schlecht, welchen Nachteil meinst du haben sie denn...

LG, ich

[Neuni]

ACHTUNG: Grundsatzdiskussion nähert sich ;)

Ach da gibts tausende Gründe.
1) Code sieht besser aus mit DIVs
2) Tabellen sind nicht dazu gedacht.
3) ...

DA: http://people.best-off.org/~dsr/seybold/

[Delphi-Freak]

Zitat:

Zitat von Neuni

ACHTUNG: Grundsatzdiskussion nähert sich ;)

Ach da gibts tausende Gründe.
1) Code sieht besser aus mit DIVs

Wer schaut sich wirklich den Code an? Irgendwie sind da manche Seiten mit zigtausend iframes und UNNÖTIGEN tabellen ineinander schlimmer (z. B. www.one.at, war zumindest einmal so)

Zitat:

Zitat von Neuni

2) Tabellen sind nicht dazu gedacht.

Wer sagt das (außer du :mrgreen: )

Zitat:

Zitat von Neuni

3) ...

Das ist ein echt guter Grund :stupid: *


*Nimms nicht persönlich

[glkgereon]

also,

ich fummel grad an einer index mit tabellen rum....hier
allerdings echt noch nicht sehr ansehnlich^^

ja, die page läuft auf meinem eigenen server

grundsätzlich bin ich zwar auch eigentlich eher für divs...aber wen interessierts?

[Neuni]

1) Siehe mein Link von gerade
2) Wer das sagt? w3c...nicht nur ich ;)
3) Warum sich an schlechteren Messen?

[Delphi-Freak]

Ich glaube oben fürs Menü und Login kommst du um eine weitere Tabelle nicht herum, leider

Das ganze solltest du vlt. noch mit sowas versehen:

Code:

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; height: 100%;">
...
</table>
</div>

wenn du die Haupttabelle 100% breit UND HOCH haben möchtest und vor die Doctype-Definition (falls du eine hast) noch eine Zeile davor mit einem leeren Kommenter, also die DTD erst in die zweite Zeile; ist so ein Trick, damit sich auch der Herr IE richtig benimmt.

Wenn es nur auf die Breite ankommt, dann glaube ich sollte es so reichen:

Code:

<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
...
</table>

LG, ich

[glkgereon]

och jetzt hört doch mal mit dem quatsch auf :roll:

sagt mir mal lieber warum die doofe info-box so groß bleibt...

[Delphi-Freak]

@Neuni: gut, ich gebe mich geschlagen, ich wollte halt nur glkgereons Seite genauso haben wie sie ausschaut und dann aber nicht mit diesen Verschiebungen etc. und da hätte ich halt auf eine Tabelle zurückgegriffen...

Zum Problem: gib mal das float: right für die divs beim Info weg und setze dann für die Hauptzelle die Breite auf 100%

[glkgereon]

Zitat:

Zitat von Delphi-Freak

Zum Problem: gib mal das float: right für die divs beim Info weg und setze dann für die Hauptzelle die Breite auf 100%

ah :)
endlich^^

nu siehst doch schon ganz ordentlich aus


Edit:
ich habe ja nun ".maintable td" definiert für die haupt-tds....
nun werden aber alle anderen tds die "weiter innen" liegen auch danach gemacht.
kann ich ihm sagen das er sozusagen nur einen schritt in die tiefe gehen soll?

[alcaeus]

Zitat:

Zitat von glkgereon

kann ich ihm sagen das er sozusagen nur einen schritt in die tiefe gehen soll?

Ja, mit .maintable>td muesste es gehn. Das funktioniert allerdings nur ab FF 1.0, Opera 7.0 (oder sogar 8), und IE 7.0. Damit waere ich also vorsichtig. Evtl. kannst du es ja ueber eine zweite Klasse loesen:

Code:

.maintable td.foobar

Dies gilt dann nur fuer td-Elemente der Klasse foobar, die in einem Container der Klasse maintable vorkommen :)

Greetz
alcaeus