hat auch nicht Funktioniert, dann hab ichs mit Padding des Übergeordneten versucht, und so gings auf einmal. Keine Ahnung warums nicht wollte, aber Hauptsache ich komm zu meinem gewünschten Ergebnis
Die Frage gehört jetz zwar eigentlich nicht ganz hier rein, aber egal, ich stell sie einfach mal.
Also, hab das Layout halbwegs so angepasst wie ich es mir vorstelle, paar kleine Änderungen sind noch fällig, jetzt mal egal welche das währen
1. funktioniert das Layout im Ie nicht (wie üblich). Ich weis ungefähr worans liegt, also 3px bug, irgendwelche margin werte oder so werden verdoppelt wenn man floatet etc. Nur - irgendwie raff ich das nicht ganz bzw vergess es immer wieder.
Deshalb währs super,wenn mir jemand sagen könnte, was ich jetz konkret ändern muss und vl ne Referenzseite hat, auf der man im Falle des Vergessens mal wieder nachlesen könnte
mal der Code
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript" src="./editor/fckeditor.js"></script>
<style type="text/css">
body {
background-color: black;
}
div#site {
z-index: 1;
width: 900px;
height: 600px;
margin: auto;
background-image: url("./images/layout.png");
padding-top: 105px;
}
div#files {
float: left;
margin-left: 6px;
margin-top: 30px;
margin-bottom: 0;
width: 125px;
height: 297px;
background-color: #00FF00;
}
*div#files {
margin-left: 3px;
}
div#editor {
z-index: 0;
width: 702px;
height: 402px;
margin: 0;
margin-left: 189px;
}
*div#editor {
margin-left: 186px;
}
div#load {
float: left;
z-index: 2;
width: 125px;
height: 30px;
margin-left: 6px;
margin-top: -57px;
background-image: url("./images/load_na.png");
}
*div#load {
margin-left: 3px;
}
div#save {
float: left;
z-index: 2;
width: 150px;
height: 30px;
background-image: url("./images/save_na.png");
margin-top: 43px;
margin-left: 435px;
}
div#reset {
z-index: 2;
width: 150px;
height: 30px;
background-image: url("./images/reset_na.png");
margin-top: 43px;
margin-left: 616px;
}
.clear {
margin: 0;
padding: 0;
clear: both;
}
</style>
</head>
<body>
<div id="site">
<div id="files"></div>
<div id="editor">
<script type="text/javascript">
<!--
var oFCKeditor = new FCKeditor( 'Editor' ) ;
var sBasePath = './editor/';
oFCKeditor.BasePath = sBasePath;
oFCKeditor.Height = 401;
oFCKeditor.Width = 701;
oFCKeditor.Value = 'Your Content!!';
oFCKeditor.Create() ;
//-->
</script>
</div>
<div class="clear"></div>
<div id="load"></div>
<div id="save"></div>
<div id="reset"></div>
</div>
</body>
</html>
Desweiteren hätte ich noch die Frage, ob es möglich ist, eine Art "ListBox" wie zB die Listen in Java mit JS/HTML etc zu machen. Klar könnt ich mir selber mit divs, Tabellen und so eine bauen, aber wenns da ne einfachere Methode gäbe währs mir lieber. Sollte so ne art selection sein, die ne fixe größe hat und bei zu vielen Einträgen zu scrollen ist.
Danke schon mal und lg
Masda
