CSS Wie bekomm ich den Inhalt wieder in die Mitte?

[xanthos1]

Hallo zusammen,

und zwar hab ich ein Problem.

Ich bin gerade dabei eine Seite zu erstellen. Ich habe jetzt links eine Navigationsleiste mit Buttons , oben einen Header und in der Mitte den Inhalt.

Als die Buttons noch nicht da waren, war der Inhalt ohne Probleme in der Mitte.

Aber wenn ich die Buttons einfüge, geht der Inhalt runter. Wie kann ich dieses Problem lösen?

Hier mal:

Mein HTML Dokument: http://nopaste.biz/46498
Mein CSS Dokument: http://nopaste.biz/46497

Der Link zur Seite: http://csssoccercup.cs.funpic.de/index.html

Ich hoffe, da kann mir jemand helfen, bin echt verzweifelt.

 

[DJFireDrum]

Wie wärs, wenn du eine unsichtbare Tabelle mit drei oder zwei Spalten machst? Dann wäre es möglich, dass die Buttons und der Inhaltstext sich in gleicher Höhe befinden...

 

[Toopoo]

Das dürfte dir weiterhelfen:

http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout

Viel Spaß

 

[w0nd4bra]

hmm tabellen layout is stark veraltet
ich würde dir dazu raten n guten editor zu kaufen ( adobe )... der hat auch wysiwg editor... da kannste die einzelnen elemente auch an die richtige stelle schieben...

 

[Relict]

Naja es kommt auch immer auf den Einsatzzweck an. Wenn die Seite nur in der einer festgelegten Optik erscheinen wird, dann kann man durchaus auch Tabellenlayout verwenden. Ist schließlich keine Schande und bewährt. Man kann auch eine Tabelle per css definieren.
Auf Teufel komm raus alles komplett per CSS ist nicht immer die praktikabelste Lösung.
Schaut euch nur mal den Quelltext von CB an, dann wisst ihr was ich meine.

Von Editoren halte ich pers. nicht allzuviel, die machen oft mehr, als gut und nützlich ist.
Aber jedem das seine.

 

[RAMMSTEiN0815]

ich würde die site in 3 frames aufteilen

 

[1668mib]

Das einzige, was noch schlimmer als Tabellen-Layout ist, sind Frames...

Und ja, ein Tabellenlayout mag veraltet sein, aber e sist wirklich bewährt und leider Gottes manchmal die einfachste Lösung. Und es funktioniert hat...

Lieber ein "sauberes" Tabellenlayout als ein schlecht umgesetztes, komplett auf CSS basierendes...

 

[Relict]

Was hinten raus kommt zählt.
Frames sind aber tatsächlich nicht mehr zu empfehlen. ^^

 

[xanthos1]

Aha, ok Danke. Ich werd mir mal den Link von Toopoo anschauen und das durchnehmen. Danke bis hierhin. Wenn noch was ist, meld ich mich.


P.S.

Ich persönlich nutze den Adobe Dreamweaver. (früher Macromedia)


Edit1:

Sorry, aber SELFHTML ist mir zu kompliziert. Bei den Beispielen steht kein Code o.ä.. Und ich weiß manchmal echt nicht was ich eingeben soll...also kennt da vielleicht jemand eine andere Seite ?


Edit 2:

Klickt bitte mal auf den Link: http://csssoccercup.cs.funpic.de/tabellen.html

Wenn ihr diese Seite öffnet, wird bei euch alles ordnungsgemäß angezeigt? Also der Inhalt ist unterm obrigen Titelbild ?

 

[PuppetMaster]

Aber wenn ich die Buttons einfüge, geht der Inhalt runter. Wie kann ich dieses Problem lösen?

Zum Beispiel mit nem float: left; in den Anweisungen für #index.

Schau mal hier:
http://www.stichpunkt.de/css/bereiche.html

 

[xanthos1]

Ja, die Seite habe ich auch gerade gefunden und ich habe auch damit angefangen.

http://csssoccercup.cs.funpic.de/tabelle.html


Edit:

Wenn ich mal auf der anderen seite float: left mache, dann geht der Inhalt (#content) aber unter der Navigationsleiste.

Irgendwie voll kompliziert ^^

 

[PuppetMaster]

Der Link zeigt nur Seite nicht gefunden! Kostenloses Hosting bei Funpic.de und jede Menge Werbung...

 

[xanthos1]

Oh sorry,

http://csssoccercup.cs.funpic.de/tabelle.html

Wird dort alles ordnungsgemäß angezeigt?

Beachtet erstmal nicht die Farben. Ich weiß, dass die nicht passen, nur zum testen hab ich das so gemacht.


P.S.

Und so siehts aus, wenn ich float:left mache.

http://csssoccercup.cs.funpic.de/index.html

 

[PuppetMaster]

Wenn du in #content ein float:left; einfügen willst und #index trotzdem links davon stehen soll, müsstest du es sowohl in #index als auch in #content einfügen.

 

[xanthos1]

Ja, cool. Jetzt siehts besser aus. Nur wie bekomm ich das in die Mitte ?

http://csssoccercup.cs.funpic.de/index.html

 

[PuppetMaster]

Bin mir grad nicht sicher, was du planst. Wenn du nur links deine Navigationsleiste haben willst, dann mach nur links ein float:left; rein, dann bleibt der #content-Block in der Mitte.

Für ein dreispaltiges Layout wäre die absolute Positionierung der linken und rechten Spalte wohl besser, das ist ganz gut in der oben verlinken Seite dargestellt.

 

[xanthos1]

Alles klar. danke.

Sag mal, wenn du die Seite: http://csssoccercup.cs.funpic.de/tabelle.html öffnest, wird die ordnungsgemäß dargestellt ?

 

[PuppetMaster]

Hab dir mal einen Screenshot angehängt:

 

[Backslash]

(...) Sorry, aber SELFHTML ist mir zu kompliziert. Bei den Beispielen steht kein Code o.ä.. Und ich weiß manchmal echt nicht was ich eingeben soll...also kennt da vielleicht jemand eine andere Seite ? (...)

Also Beispiele gibts da wirklich genug. Und wenn dir selfHTML nicht reicht solltest du dir vielleicht überlegen ob du den Code wirklich selbst schreiben willst.

 

[xanthos1]

Ok so soll es aussehen, danke.

Wie "Code selbst schreiben" ? Sorry, aber ich hab ein CSS Tutorial durchgenommen, aber da kam diese 3 Spalten da nicht vor...