Coder Wiki | HowTos | Slice Probleme umgehen

Häufig haben Photoshop Grafiker Probleme, wenn sie ihr Design geslicet ? und ins HTML Format exportiert haben.

Oft funktioniert ihre Homepage nur bei einer maximalen Textkapazität und bei zu viel Text verzerrt sich das ganze Layout. Mit diesem Workaround kann man das Problem umgehen.

Exportiert euer Design wie gewohnt aus Photoshop. Eure Spalte mit dem Inhalt könnte z.B. so aussehen

[Get Code]

design.html
<td width="516" height="426" rowspan="9" align="left">
INHALT INHALT INHALT [...]</td>

Ziel unseres Workarounds ist es, dass man den Inhalt scrollen kann, wenn er zu groß wird. Dazu fügen wir ein DIV in die Spalte (um den Inhalt) ein

[Get Code]

design.html
<td width="516" height="426" rowspan="9" align="left"><div style="overflow:auto;width:516px;height:426px">
INHALT INHALT INHALT [...]</div></td>

Das Problem ist gelöst:

Mehr Informationen zu overflow findet ihr auf diesen SELFHTML Seiten:

http://de.selfhtml.org/css/eigenschaften/anzeige/overflow.htm
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

Coder How To's

Slice Probleme umgehen