Hallo,
ich habe zwar schon länger eine recht erfolgreiche seite bei myblog gehostet (http://www.thorsten-awz.de). für die seite möchte ich jetzt gerne ein endless-layout. das layout habe ich auch zu 99% fertig. habe mich vor längerer zeit auch mal dran gegeben, ein endless-layout zu coden. aber so richtig hat es nicht gefunzt.
hat jemand dazu den code und/oder eine anleitung zum coden von endless-layouts?
mfg kevinsdarling
naja, n endless-layout is nix anderes als n div-container der sich an
den inhalt anpasst. am besten schaust da mal bei http://de.selfhtml.org/html/text/bereiche.htm
und dann einfach keine höhe angeben. somit sollte er sich mit dem text verlängern..
hm, ich poste hier mal meinen code, welcher leider nich endless is. ich habe mal gehört, dass ich bei endless-lays eine 'line' einfügen muß. die hab ich soweit auch. hier mal mein code:
<html>
<head>
<title>Thorsten-AWZ ft. Francisco Medina</title>
<style>
body { scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
</style>
<style type="text/css">
<!--
a:link { color: #f9154a; cursor:default; text-decoration: none}
a:visited { color: #f9154a; cursor:default; text-decoration: none }
a:active { color: #f9154a; cursor:default; text-decoration: none}
a:hover {color: #f9154a; cursor:default; text-decoration: none}
-->
</style>
b {color:#f9154a;}
i {color:#f9154a;}
u {color:#f9154a;}
<style>
a { color: #f9154a; }
TEXTAREA { Color: #f9154a;
Background-Color: ;
Font-Family: Verdana;
Font-Size: 7pt;
Border: 1px solid #f9154a;
}
INPUT { Color: #f9154a;
Background-Color: ;
Font-Family: Verdana;
Font-Size: 7pt;
Border: 2px solid #f9154a;
}
.navi { color: #f9154a; }
</style>
<style type="text/css">
.inhaltetable {
width:370;
}
</style>
<style type="text/css">
TEXTAREA {
width: 291; height: 296;}
-->
</style>
<style type="text/css">
INPUT{
width: 100; height: 18;}
-->
</style>
</head>
<body bgcolor="#ffffff" topmargin="0" leftmargin="0">
[Blockierte Grafik: http://i13.photobucket.com/albums/a276/Wi…anciscogelb.jpg]
<div style="overflow:auto; position: absolute; width:292; height: 296; left:286; top: 464">
:CONTENT_HIER:
</div>
<div style="overflow:auto; position: absolute; width:229; height:207; left:591; top:120">
<font size=1>
Home
</font>
</div>
</body>
{PLACE_POWEREDBY}
</html>
und hier der link zur 'line'
http://i13.photobucket.com/albums/a276/Wi…anciscoline.jpg
kannst du mir den code so 'umschreiben', dass er endless ist?
so einfach geht das nicht
zuerst darfst du natürlich keine feste Höhe für deine divs angeben. Das wird allerdings vermutlich dazu führen, dass sich dein Layout etwas verschiebt. Versuch es einfach mal.
<div style="overflow:auto; position: absolute; width:292; height: 296; left:286; top: 464">
:CONTENT_HIER:
</div>
Hier gibtst du z.B. mit heigth ne feste Höhe für deinen Content vor.
Der Quelltext ist ja furchtbar, schreib den mal bitte vernüftig um. Es sollte nur ein <style type="text/css"> im head vorkommen, da muss dann alles was mit der defintion von Layouts zu tun hat rein.
Das ist auch Mist, da es kein Standard ist. Das versteht nur der Internetexplorer
Also mal so ein paar allgemeine Sachen:
-Es reicht, wenn du alle CSS-Angaben in ein <style type="text/css"> </style> packst, mehrere und ohne type sind nicht gut
-<body bgcolor="#ffffff" topmargin="0" leftmargin="0"> ist auch mit transitional nicht mehr valide, also im CSS body { background-color; #ffffff; margin-top: 0; margin-left: 0; }
-zu dem von Nyctalus: da fehlt auch ein }
Viele liebe Grüße
The User