XHTMLforum - Sidebar bzw. dritte Spalte als div

Seite 2 von 4

40 Beiträge dieses Themas auf einer Seite anzeigen

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Sidebar bzw. dritte Spalte als div (http://xhtmlforum.de/showthread.php?t=71846)

cloned

24.03.2015 10:35

Was machst du? Das schaut zwar ein bisschen richtig aus ist aber noch falscher als der HTML/CSS Code der schon da ist. :(
Nochmal langsam zum mitschreiben (nachmachen):
Du hast in div mit der Klasse content <div class="content"> .... Ganz viel Inhalt im content ... </div> <-- hier geht das div wieder zu.
DANACH platzierst du deine sidebar.
Vergiss das mit margin-left: 600px (oder was auch immer du für hohe margin-werte da eingibst bis es passt) Das ist falsch und führt zu mehr Problemen als es löst.
Du gibst dem content-div ein float:left und dem sidebar-div ein float:left. clearen nicht vergessen.
Wenn du dich nicht mit floats auskennst: Dann les dich in die grundlagen von floats ein, das ist Grundlagenwissen von CSS, ohne dem brauchst du keine Webseiten machen. Sonst kommt so ein Murks (ist noch schön gesagt) wie hier heraus :D

kalenderfamily

24.03.2015 10:39

OK, ich war ein wenig genervt :p

In Ordnung, ich schaue mir den Code nochmal an und gelobe Besserung!

Viele Grüße
Kalenderfamily

kalenderfamily

24.03.2015 10:45

Ich habe es jetzt so gemacht, wie du vorgeschlagen hast, aber das hat jetzt das Aussehen völlig verändert, oder habe ich etwas falsch gemacht'?

Wobei mir das schon sauberer vorkommt :p

cloned

24.03.2015 10:59

Das wurde vergessen:

Zitat:

Zitat von cloned (Beitrag 543722)

clearen nicht vergessen.

kalenderfamily

24.03.2015 13:05

shame on me....ist aus dem codeschnipsel rausgeflogen

Vielen, vielen Dank!

Jetzt muss ich mir noch überlegen, wie ich die sidebar vom content her im cms bearbeitbar mache.....

;)

Macht es denn Sinn, das template neu zu schreiben? Habe bisher wenig mit CSS gearbeitet, lerne aber immer mehr dazu und muss sagen: CSS ist sehr mächtig!

Als Laie würde ich sagen, dass das Template einfach gestaltet werden kann, indem man zwei divs oben für Logo, darunter menu macht, dann drei spalten nebeneinander für submenü, content und sidebar und darunter den footer. In dem Template wurde alles so verschachtelt...

cloned

24.03.2015 13:26

Brauchst du wirklich so viele divs? Wenn du nur ein Bild hast, dann brauchst du (in 99% der Fälle) darum nicht zusätzlich ein div legen. Genauso mit einer Liste, Überschrift oder so. CSS ist, wie du schon sagtest, mächtig und du kannst alle Elemente so stylen wie du möchtest, das muss kein div sein ;)

Um die Frage nach dem neuschreiben zu beantworten: Das weiß ich nicht wie viel Aufwand das für dich ist und ob du überhaupt eine ernstgemeinte Seite erstellen willst oder ob du nur etwas zum üben hast.

kalenderfamily

24.03.2015 13:56

Ich baue öfter mal eine Homepage, bin aber auch zu alten html Zeiten groß geworden und habe mich irgendwann mit php befasst, dann css (aber nur rudimentär).

Seitdem ih mit pluck cms (textbasiert) arbeite, habe ich schon ein paar Seiten erstellt, aber das war immer ein riesen Aufriss (denke auch wegen dem mangelhaften Code)

Ich würde für weitere Arbeiten schon einen sauberen Code bevorzugen, gerade weil der einfacher zu modifizieren ist.

kalenderfamily

25.03.2015 09:51

Guten Morgen, ich habe mich jetzt doch mal hingesetzt und mit der gesammelten Erfahrung ein neues Layout gebastelt. Ist das vom Quellcode her etwas sauberer? Noch zu viele divs? Oder divs sogar missbraucht, sollte ich für die drei Spalten lieber eine Tabelle nehmen?

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

<head>

<title>new theme</title>



<style type="text/css">



.head {background-color:red;}



.menu {background-color:black;}



.submenu {float:left; background-color:orange;}



.content {float: left; background-color:blue;}



.sidebar {float:right; background-color:brown;}



.footer {background-color:yellow; clear:both}



</style>

</head>

<body>



<div class="head"> HEAD </div>



<div class="menu"> MENU </div>



<div class="submenu"> SUBMENU </div>



<div class="content"> CONTENT</div>



<div class="sidebar"> SIDEBAR </div>



<div class="footer"> FOOTER </div>

</body>

</html>

Für Anregungen bin ich dankbar,

viele Grüße
Kalenderfamily

cloned

25.03.2015 09:58

Zitat:

Zitat von kalenderfamily (Beitrag 543746)

sollte ich für die drei Spalten lieber eine Tabelle nehmen?

Tabellen werden nur verwendet, wenn es eine Tabelle ist. NIEMALS für Layoutzwecke. Wirklich NIEMALS. Nicht mal ausnahmsweise. Also auch nicht hier.

Ansonsten zu deinem Code: Besser als vorher, aber warum verwendest du nicht <header> und <footer>?
Übersicht über die neuen Elemente mit HTML5
btw, du verwendest noch einen alten doctype, <!DOCTYPE HTML> ist alles, was du brauchst. Mehr nicht.

kalenderfamily

25.03.2015 10:10

Guten Morgen cloned, vielen Dank für den Hinweis, ich war einfach schreibfaul :p , habe es aber gleich geändert!

Grüße
Kalenderfamily

Alle Zeitangaben in WEZ +2. Es ist jetzt 06:37 Uhr.

Seite 2 von 4

40 Beiträge dieses Themas auf einer Seite anzeigen