Verzweifel an mein Sliceproblem

  • Verzweifel an mein Sliceproblem

    Hallo,
    Ich habe ein Problem mit meiner neuen HP.Besser gesagt komme ich nicht vorran mit meiner
    Arbeit daran. Sobald der Text in der Mitte zu lang ist verzieht sich das ganze Design.
    Fehler wird wohl schon beim Slicen sein. Sehene kann man die HP auf www.icybite.de
    Dabei sollte der mittlere Teil runtergezoegn werden könne und die Seitenabgrenzungen automatisch mitlaufen.
    Buttenarea links und rechts von der Mainarea sollten dabei aber nicht in mitleidenschaft gezogen werden.
    Vielleicht kann mir das einer mal richtig slicen, oder Tipss geben (gerna uch mit Pics erläutert).
    Ich wäre sehr Dankbar, da ich echt verzweifelt bin...

    Btw: Fehler im Design habe ich auch einige (z.B das, das Header viel zu groß ist), aber das soll nur nen Übergang sein
    und ich hoffe ihr könnt mir soweit erst einmal helfen.

    Hier noch einmal Photoshop Bild in Original zum Dl.

    http://rapidshare.de/files/31585558/HP1.psd.html

  • also wenn es nur eine übergangslösung sein soll, dann würde ich dir diese lösung empfehlen:

    aktuell sieht die spalte so aus:

    Quellcode

    1. <td width="516" height="426" rowspan="9" align="left">
    2. <font color="#FFFFFF">Das soll meine Neue Homepage
    3. werden.</font>
    4. <p><font color="#FFFFFF">Ausgelegt für 1024*658 Pixel.</font></p>
    5. <p><font color="#FFFFFF">O Gott so viel Stress und man
    6. bekommt es einfach nicht hin!</font></p>
    8. <p><font color="#FFFFFF">Bin mal gespannt wie lang ich
    9. noch sitz für den Scheiß.</font></p>
    10. <p><font color="#FFFFFF">Nur zur Info. Das soll ein
    11. Vorrübergehendes Layout sein.</font></p>
    12. <p><font color="#FFFFFF">Wenigsten ist jetzt hier alle
    13. zu 100 % Selbst gemacht, aber ich sage</font></p>
    14. <p><font color="#FFFFFF">euch es ist einfach eine
    15. scheiß Arbeit!!!!!!!!!!!</font></p>
    16. <p><font color="#FFFFFF">Absolut ni8chts geht so wie man
    17. es will...</font></p>
    18. <p>&nbsp;</p>
    20. <p><font color="#FFFFFF">Lg Euer IcyBite</font></p>
    21. </td>
    Alles anzeigen


    ändere die spalte so ab:

    Quellcode

    1. <td width="516" height="426" rowspan="9" align="left" style="overflow:auto">


    Hier das SelfHTML Beispiel: http://de.selfhtml.org/css/eigenschaften/anzeige/overflow.htm

    und die Erklärung:
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

  • ich kann dir zwar nicht helfen bei dem code problem, aber die Seite passt nicht in ein 1024 Fenster.
    Du musst auch Platz für den Scrollbalken rechts an der Seite lassen.

    Ich würde das mit CSS und Div-Boxen realisieren.
    Wenn du css nicht kannst, solltest du trotzdem mal anfangen es zu lernen.
    Kann es nur empfehlen.

  • "Icybite" schrieb:

    Verändert nichts.


    hast recht.. das muss in ein div element

    das mach deine spalte so:

    Quellcode

    1. <td width="516" height="426" rowspan="9" align="left">
    2. <div style="overflow:auto;width:516px;height:426px">
    3. INHALT
    4. </div>
    5. </td>


    Habe außerdem ein Wiki Beitrag dazu erstellt: [coderwiki]HowTos/HTML-Slice-Probleme-umgehen[/coderwiki]

  • Problem fast gelöst, in der Vorschau habe ich nen Scrolloption, aber das problem liegt noch auf dem Gleis...

    Ich arbeitete mit Frontpage und da wird das nicht in der Bearbeitung angezeigt...

    Fazit:
    Ich seh immernoch eien Verzerrung wenn der Text länger ist,
    ABER in der Vorschau zeigt er mir die Seite normal ohne Verzerrung und mit Scrolloption..

    Frage:
    Das wird mich doch beim späteren Proggn bestimmt behindern, weil ich mir jedes mal Vorschau angucken muss, ob das auch passt..

    Ganz zufrieden kann diese Lösung also nicht sein..

    Lg