[HTML] Sliceproblem

[IsLaYa]

Hallo,

ich habe vor kurzem für einen Freund eine Website erstellt und stehe nun vor dem Problem, es internettauglich zu gestalten.

http://gtstyle.gt.funpic.de/preview3.jpg

So sieht die Website aus.

http://gtstyle.gt.funpic.de/shipi/index.html

So im Rohzustand des Contentbereichs.

Ich habe es mehrere 'male versucht, jedoch komme ich um ein iFrame nicht herum. Das Hauptproblem ist die zweite Contentbox und die Navigation. Ich möchte jedoch dieses Design behalten. Kann mir jemand helfen (egal ob mit Hilfe von Texten, kleinen Zeichnung..o.ä.), wie ich die Website slicen könnte? Das Programmieren ist kein Problem. Die Contentbox sollte nach unten zu ziehen sein (aufgrund Überlänge von News).

 

[Galaxydriver]

AW: Sliceproblem

Also, so wie ich das sehe, brauchst Du zwei iFrames in Deiner Homepage:
Einen iFrame für den oberen Contentbereich u. den zweiten iFrame für den unteren Contentbereich, z. B.:

<iframe src="oben.htm" name="i_oben" width="100%" height="100%" frameborder="0"></iframe>

<iframe src="unten.htm" name="i_unten" width="100%" height="100%" frameborder="0"></iframe>

Das kennst Du ja wahrscheinlich schon. Wichtig ist hier allerdings das Attribut "name"!

In der Naviagtion kannst Du bei den Links dann das entsprechende iFrame, über das "name"-Attribut ansprechen, z. B.:

<a href="unten1.htm" target="i_unten">Page im unteren iFrame öffnen</a>

Somit öffnet sich die Page "unten1.htm" nach dem Anklicken des Hyperlinks im unteren iFrame-Content, da Du es mit dem Hyperlink-Attribut "target" festgelegt hast.

Hättest Du als Target "i_oben" angegeben, wäre die Page in das obere iFrame-Target geladen worden!

Du kannst somit beliebig viele iFrames in eine Page reinladen, allerdings muss immer deren "name"-Attribut eindeutig sein!
War das Deine Frage?

cu
Chris
http://www.way2drache.de

 

[mh1001]

Hallo,

ich würde folgendes vorschlagen:
Platziere unter dem Header einen DIV-Container, welcher die Breite des Headers hat (sprich auch die Breite des folgenden Teils).
Diesen weist du jetzt als Hintergrundsbild einen 1px hohen Streifen zu, welchen du in y-Richtung wiederholen lässt. Dazu nimmst du beispielsweise die unterste Zeile aus deinem JPG-Bild.
Nun kannst du in diesem Container deine Navigation und deinen eigentlichen Content plazieren, wobei dieser Container dann auch immer entsprechend mitwächst.
Den eigentlichen Header brauchst du - da deine Seitenbreite ja nicht variabel ist - auch nicht in zig Einzelteile zerlegen.
Wenn in dem unteren Container dann Elemente sind, die über dem Header liegen sollten, tut es in dem Fall auch eine einfache negative Positionsangabe per CSS.
Als positiver Nebeneffekt fallen dann auch die ganzen Layouttabellen weg.

P.S.: Statt "background" und "height" sollte man immer die equivalenten CSS-Attribute "background-image" und "height" benutzen.

MfG mh1001