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
- 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