Hallo Leute,

ich habe mir jetzt vorgenommen meine Webseiten in Zukunft auch mit CSS-Layouts auszurüsten.
Ich hab mich zwar schon ein bisschen mit der Materie vertraut gemacht,
aber sobalt ich versuche an etwas heran zu gehen, scheitere ich immer wieder
an irgendwelchen Darstellungsfehlern.

Hier mal ein Beispiel:

In diese Tabelle soll ein Hintergrundbild kommen. Ist soweit ja auch kein Thema,
aber ich würde auch gerne meine Navigation darin unterbringen. Die soll natürlich nicht komplett an den Rand gequetscht sein.
Also verwende ich dem Befehl padding um den Menütext anzupassen.
Doch wenn ich padding: zahl; verwende verzerrt sich jedes mal die gesamte Tabelle (sie wird Größer).
Somit sieht das Hintergrundbild dann auch sehr unschön aus.

Hat jemand ne Idee, wie ich die Tabelle "festigen" kann, sodass ich padding verwenden kann und
sich ihre eigentliche Größe aber nicht verändert?


Ich habe noch ein ähnliches Problem.

Nehmen wir beispielsweise die Tabelle in der der Content steht.
Über CSS sage ich jetzt, dass die Tabelle 500 Pixel hoch sein soll.
Wenn ich jetzt meinen Content reinschreibe und ganz unten angelang
und ich noch weiter schreibe, passt sich die Tabelle nicht an und wird in der Vertikalen
größer, sondern bleibt so wie sie ist und der Text "quillt über".
Die Beschreibung ist ein bisschen blöd aber ich denke ihr wisst, was ich meine.

Wie kann ich eine Tabelle in der vertikalen "Variabel" machen, sodass sie sich
dem Text anpasst?


P.S.: Tut mir leid, wenn ich vielleicht "dumme" Fragen stelle, aber in Sachen CSS
bin ich noch blutiger Anfänger und Google ist mit seinen paar Millionen Suchergebnissen auch nicht immer Hilfreich.


Ich würde mich über jede Hilfe von euch freuen...


Gruß
Tobbe

Zu deinem ersten Problem: http://www.css4you.de/wsboxmodell/index.html#buh
Zum zweiten: Da brauchst du die Eigenschaft min-height: http://www.css4you.de/min-height.html
Wenn du height angibst, interpretieren das richtige Browser (alle außer IE) als eine feste Höhe. Der IE kann kein min-height und interpretiert height so wie die anderen Browser min-height.

__________________
* {margin:0; padding:0; }

Danke für deine Hilfe!

Zu dem Ersten:
Joa, ich habe ja padding-right, padding-left usw. verwendet. So wie es auf CSS4You steht.
Dadurch wird nur immer die Tabelle größer. Das soll doch eigentlich nur den Innenabstand verändern.

Zu dem Zweiten:
Okay, danke das hat funktioniert! Nur was sage ich jetzt dem blöden IE? ^^

Soll ja auch so sein: oder versteh ich dich da falsch??

Dafür verwendest du am besten Conditional Comments: http://www.quirksmode.org/css/condcom.html

__________________
* {margin:0; padding:0; }

Poste bitte mal deinen HTML-Code.

Was für eine Tabelle überhaupt?

Hallo,

ich habe jetzt leider kein Markup, was ich euch zeigen kann.
Ich bin im Moment nur am rumtesten, wie ich später was lösen kann.

Vielen Dank an Tigereye. Ich habe dem IE 6 und 7 jetzt über Conditional Comments
eine extra CSS-Datei verpasst. Jetzt funktionierts mit der Höhe.


Nochmal zu der padding-Geschichte:
Ich bin mir nicht sicher, ob das beabsichtigt ist, dass sich die Tabelle vergrößert.

Also ich möchte eine Tabelle erstellen, die 774 Pixel lang und 150 Pixel hoch ist.
In diese Tabelle soll Text rein, der aber ein paar Pixel vom Rand entfehrnt sein soll.
Wie verändere ich den Innenabstand, ohne dass die Tabelle ihre definierte größe von 774 x 150 Pixeln verändert?

Ich hoffe, ihr versteht mich.

du meinst wohl 774 Pixel breit ?
Du musst die Breite anpassen. Die tatsächliche Breite der Tabelle errechnet sich in deinem Fall aus der angegebenen width und den beiden paddings, d.h., wenn du z.B. für padding-left und padding-right jeweils 5px angegeben hast, gibst du für width 764px an und deine Tabelle ist tatsächlich 774px breit.

__________________
* {margin:0; padding:0; }

Ja, ich meine die Breite. Länge war das falsche Wort. ^^

Achso, hm ja ich habs befürchtet. Also muss ich wohl ein wenig Kopfrechnen.
Aber das macht ja nicht. Jetzt weiß ich wenigstens bescheid.

Vielen Dank für die Hilfe!


Gruß
Tobbe