Hallo,
nachdem ich nun recht lange meinen Tabellen hemmungslos verfallen war, will ich mein Wissen nun um CSS und die Möglichkeit, ganze Websiten damit zu gestalten, erweitern. Nur leider klappt es nicht ganz so, wie ich es mir vorgestellt habe
Zum designtechnischen Problem:
Ich habe eine Website mit divs gegliedert, die (im Moment) 4 solche divs enthält. Ein ganz großes div (*g*), damit alles etwas vom linken und rechten Rand wegrutscht, ein "header"-div, ein "content"-div und ein "bottom"-div, die alle wiederum im großen div liegen. So weit, so gut, sieht auch ganz hübsch aus und OHNE begrüßungstext liegen alle divs auch richtig :|
Aber - nach dem Begrüßungstext wird aus einer datenbank noch die allerneuste Nachricht ausgelesen und angezeigt und genau dann kann es sein, dass der Inhalt des Content-divs mehr wird und er damit länger. Und dann verschiebt sich der bottom-div nicht nach unten, sondern überlappt den Inhalt.
Ich vermute, dass es eventuell etwas mit meinen fehlendem CSS-Wissen zu tun hat, wahrscheinlich habe ich eine wichtige Eigenschaft vergessen (z-index?) und es mir selbst so verbaut und ihr denkt euch alle jetzt, wie dumm ich bin...
Okay... na gut
Über die Suche habe ich nichts gefunden - sag ich lieber gleich mal dazu, ich habe nicht einmal gewusst, wonach ich suchen sollte. Die Beiträge, in denen es ums Ausrichten ging, haben mir nicht wirklich weitergeholfen
Aber jetzt erst mal die Angaben für meine position.css
Ah, die id topnav bezieht sich noch mal auf eine kleinere Navigation unterhalb des headers *anmerk*... designmäßige angaben wie schriftart und dergleichen mache ich über klassen. Kann es sein, dass es dann Probleme gibt, wenn diese Klassen den gleichen Namen wie eine id haben?
(also, es gibt eine Id bottom und eine Klasse bottom - in einer anderen Datei)
Eigentlich dachte ich ja, dass es nicht so schwer sein würde, aber ich habe keine Ahnung, wo nun das Problem liegt.
Vielleicht ist ja trotzdem jemand so lieb und hilft mir auf die CSS-Sprünge, eigentlich wollte ich nicht wieder zu den Tabellen zurückkehren 'müssen'...
Lovely Greetz,
Cara
nachdem ich nun recht lange meinen Tabellen hemmungslos verfallen war, will ich mein Wissen nun um CSS und die Möglichkeit, ganze Websiten damit zu gestalten, erweitern. Nur leider klappt es nicht ganz so, wie ich es mir vorgestellt habe
Zum designtechnischen Problem:
Ich habe eine Website mit divs gegliedert, die (im Moment) 4 solche divs enthält. Ein ganz großes div (*g*), damit alles etwas vom linken und rechten Rand wegrutscht, ein "header"-div, ein "content"-div und ein "bottom"-div, die alle wiederum im großen div liegen. So weit, so gut, sieht auch ganz hübsch aus und OHNE begrüßungstext liegen alle divs auch richtig :|
Aber - nach dem Begrüßungstext wird aus einer datenbank noch die allerneuste Nachricht ausgelesen und angezeigt und genau dann kann es sein, dass der Inhalt des Content-divs mehr wird und er damit länger. Und dann verschiebt sich der bottom-div nicht nach unten, sondern überlappt den Inhalt.
Ich vermute, dass es eventuell etwas mit meinen fehlendem CSS-Wissen zu tun hat, wahrscheinlich habe ich eine wichtige Eigenschaft vergessen (z-index?) und es mir selbst so verbaut und ihr denkt euch alle jetzt, wie dumm ich bin...
Okay... na gut
Über die Suche habe ich nichts gefunden - sag ich lieber gleich mal dazu, ich habe nicht einmal gewusst, wonach ich suchen sollte. Die Beiträge, in denen es ums Ausrichten ging, haben mir nicht wirklich weitergeholfen
Aber jetzt erst mal die Angaben für meine position.css
Code:
#ausrichtung {
left: 12px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
background-position: center center;}
#logo {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
background-color: #FFFFFF;}
#topnav {
left: 0px;
top: 96px;
position: absolute;
width: 100%;
height: 25px;
background-color: #FFFFFF;}
#content {
left: 0px;
top: 130px;
right: 160px;
position: absolute;
padding: 2px;
width: 100%; }
#bottom {
bottom: 5px;
left: 0px;
margin-bottom: 5px;
position: absolute;
width: 100%;
padding: 2px;}Ah, die id topnav bezieht sich noch mal auf eine kleinere Navigation unterhalb des headers *anmerk*... designmäßige angaben wie schriftart und dergleichen mache ich über klassen. Kann es sein, dass es dann Probleme gibt, wenn diese Klassen den gleichen Namen wie eine id haben?
(also, es gibt eine Id bottom und eine Klasse bottom - in einer anderen Datei)
Eigentlich dachte ich ja, dass es nicht so schwer sein würde, aber ich habe keine Ahnung, wo nun das Problem liegt.
Vielleicht ist ja trotzdem jemand so lieb und hilft mir auf die CSS-Sprünge, eigentlich wollte ich nicht wieder zu den Tabellen zurückkehren 'müssen'...
Lovely Greetz,
Cara
