CSS Tabelle verschoben (mit code)

Computer: Software & Programmierung HTML & CSS
#1

Hi zusammen,

ich habe ein riesen Problem. Ich bin neu in CSS und sitze nun schon seit gestern fast ohne Pause daran, finde aber einfach nicht den Fehler.

Und zwar versuche ich ein Joomla CSS Template zu erstellen.

Es sieht bisher so aus:
(die bunten Farben sind für mich als Hilfe)

http://itsmi.bplaced.net/Joomla1/

left, midmenu und zeug soll in einer Zeile sein, und footer soll darunter sein. das nimmt er aber nicht an!! im oberen bereich hat es ohne probleme geklappt.

laut Programm sehe ich aber keinen Fehler:

link zur index.php:
http://itsmi.bplaced.net/Joomla1/templates/cms-welt/…

link zur templates.css:
http://itsmi.bplaced.net/Joomla1/templates/cms-welt/…

währe wirklich super wenn sich jemand der sich auskennt kurz zeitnehmen würde, ich finde den fehler einfach nicht =(

vielen dank schonmal!!
mfg

#2

Da fehlen die Positionsangaben.
position:absolute;
top:200;
left:0;

#3

wo genau müsste das rein ?
Eigentlich wollte ich es nicht absolut machen, wegen der variablen browserbreite, bzw. auflösung.
außerdem soll das layout ja mittig ausgerichtet sein.

das komische ist halt, dass der „#container“ mit den div`s von bereich 1 automatisch erweitert wird. mit bereich 2 klappt das nicht.

der bereich 2 wird auch automatisch unten dran gesetzt, nur beim bereich 3 klappt das irgendwie nicht, der wird ebenfalls direkt an den ersten gesetzt.

würde mich über hilfe wirklich sehr freuen!!

#4

Okay, es hat nun geklappt!!

der fehler scheint folgender gewesen zu sein:

die 3 spalten (left, midmenu und zeug)hatten zusammen nur eine breite von 800px. der container hatte aber 950px.

habe left midmenu und zeug nun zusammen auf 950px gemacht, jetzt hat er footer ohne probleme unten dran gesetzt.

irgendwie hat er dann wohl versucht,den footer da rein zu drücken, obwohl der footer auch eine breite von 950 hat.

komische sache … vielleicht weiß jemand warum er sowas macht ? :smiley:

#5

Da fehlen die Positionsangaben.
position:absolute;
top:200;
left:0;

In CSS müssen immer EInheiten angegeben werden. Außer beim Wert 0 versteht sich.

#6

Moin,

Eigentlich wollte ich es nicht absolut machen, wegen der
variablen browserbreite, bzw. auflösung.

Lobenswert!

Aber die Auflösung hat damit nichts zu tun. Die ist beim Erstellen von Webseiten absolut irrelevant.

Liebe Grüße,
-Efchen