suit: layouten mit div-container

Beitrag lesen

Hallo Leute,

ich bin schon echt am verzweifeln und weiß einfach nicht weiter und hoffe jemand von euch kann mir helfen, ein problem beim layouten mit div-container zu lösen..CrossBrowser tauglich.

du layoutest mit tabellen und nichtmal besonders gut

  1. ich möchte ein Layout erstellen, dass [...]

dann tu das und wenn das alles in allen browsern funktioniert, fängst du mit dem inhalt an

Mein Problem ist nun, dass bei meiner Lösung 2 erheblich fehler auftreten  [...]

ja, dein problem ist, dass du noch nichmal mit schritt 1 fertig bist (grundlegendes layout) aber schon inhalt und php code (obwohl short_open_tags offenbar aus sind) fehlerhaft einfügst usw und dadurch nichtmal mehr ansatzweise verstehst, was du eigentlich tust - ich würds auch  nicht mehr verstehen ;)

Hier hab ich mein Test zu laufen: http://ways2web.de/demo/
will ja hier nicht das dicke css posten!

ist auch gut so, ein link sagt mehr als 1000 zeilen posting ;)

wäre echt woll, wenn mir da jemand auf die sprünge helfen kann, denn ich möchte in zukunft nur noch Divs statt tabellen einsetzen, und ohne "lehrstunde" komme ich dem Zeil einfach nicht näher, geschweige denn die seite meiner familie fertig zu stellen :(

du bist lernwillig und das ist gut - lerne gleich folgendes

es ist unsinnig, einen footer immer am ende des browserviewports zu positionieren, du baust eine webseite und machst keine postwurfsendung aus papier - schlechte idee die dir nur (besonders, wenn du grade erst mit css-layouts anfängst) viele probleme bereiten wird

wenn du die finger dennoch noch davon lassen willst, guckst du hier:

https://forum.selfhtml.org/?t=171038&m=1119188

schritt 1)
baue das grundgerüst deiner seite, leeres html mit 3 divs im body - #head, #content, #footer (oder wie auch immer) + einen container/wrapper wenn der body nicht reicht

schritt 2)
validiere den html quelltext

schritt 3)
fülle blindtexte ein "ich bin der header", "... content" und "...footer" reichen sicher aus

schritt 4)
validiere den html quelltext

schritt 5)
formatiere die 3 (oder 4) divs mit css (externes file bevorzugt bis das ganze deinen vorstellungen entspricht

schritt 6)
validiere das css

schritt 7)
teste es mindestens in ie6 aufwärts, firefox2, safari 3 und opera 9

wenn alles so wie gewünscht funktioniert, beginne bei 1) mit dem nächsten teil deiner arbeit (den inhalt vom header, den inhalt vom footer usw) - alles der reihe nach, langsam und immer valideren

mit dieser herangehensweise lernst du einerseits etwas beim erstellen und andererseits verlierst du in keinem stadium die übersicht