Ich habe nun meine Seite neu gestaltet.
Mit dem Bisschen Wissen, was ich mir angeeignet habe, sieht es schon sehr vernüftig aus, aber nun kann ich nicht nachvollziehen, warum mein Gästebuch und mein Kontaktformular so weit nach oben verschoben ist, dass man den Anfang garnicht mehr lesen kann.
Wenn ich es richtig gesehen habe, lässt sich das Kontaktformular garnicht mehr ausfüllen ...
Kann das ein Content-Fehler sein ?
Mein Menü ist übrigens in den Header geschoben und dann beides gefixed, damit beim scollen der Text dahinter verschwindet.
Hier mal mein code
<br />
<br />
*/
#header_container {display:none; }
#nav_container {display:none; }
#counter {display:none; }
#pre_content {display:none; }
h1, h2, h3, h4, h5, h6 {display:none; }
input, textarea, select {
margin: 0;
padding: 2px;
font-size: 1em;
color: #666666;
background: #F5F5F5;
border: 0px solid #ccc;
margin: 5px 0;
}
input:focus, textarea:focus, select:focus {
border: 0px solid #999;
background-color: #FFFFFF;
}
p {margin: 0; padding: 0 0 18px 0;}
ul {list-style: none; margin: 0; padding: 0;}
blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
margin: 10px 20px;
display: block;
}
blockquote span.open {
background: url() no-repeat left top;
padding: 0 0 0 15px;
}
blockquote span.close {
background: url() no-repeat bottom right;
padding: 0 15px 0 0;
}
code {
display: block;
background-color: #F5F4F3;
border: #E2DBD8 0px solid;
color: #666666;
padding: 3px 5px;
margin: 10px 15px;
font-size: 1.2em;
}
pre {
padding: 1em;
border: 0px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}
small {font-size: 0.85em;}
big {font-size: 1.4em;}
.red {
color: #FF0000;
}
a {
text-decoration: none;
color: #8c459a;
}
a:hover {text-decoration: none; color: #93559f;}
a img {
border: none;
}
.clear {clear: both;}
.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.aligncenter {
display: block;
text-align: center;
margin: 0 auto;
}
.endOfSection {
clear: both;
width: 100%;
height: 0;
line-height: 0;
font-size: 0;
padding: 0;
margin: 0;
border: 0;
}
img {border: none;}
img.alignleft,
img.alignright,
img.aligncenter {
display: block;
padding: 3px;
background: #F5F4F3;
border: 0x solid #E8E4E2;
}
img.alignleft {
float: left;
margin: 0 10px 2px 0;
}
img.alignright {
float: right;
margin: 0 0 2px 10px;
}
img.aligncenter {
margin: 5px auto;
}
#content .dwnld,
#content .note,
#content .error {
display: block;
width: 850px;
min-height: 35px;
float: left;
margin: 10px 0;
padding: 7px 10px 7px 40px;
border-top: #EBE8D7 0px solid;
border-bottom: #EBE8D7 0px solid;
line-height: normal;
}
#content .dwnld {background: #EBFEDA url(http://illusion-design.eu/img/quote.png) no-repeat 5px 4px;}
#content .note {background: #FFF9D7 url(http://illusion-design.eu/img/info.png) no-repeat 5px 4px;}
#content .error {
background: #FF9D9D url(http://illusion-design.eu/img/code.png) no-repeat 5px 4px;
border-top: #FF3300 0px solid;
border-bottom: #FF3300 0px solid;
min-height: 20px;
}
body {
font: 90%/1 verdana, helvetica, sans-serif;
background: url(http://img.webme.com/pic/h/heller-schmuckdesign/background4.png) fixed no-repeat;
line-height: 100%;
width: 100%;
color: 5e5e5e;
}
#header {
position: fixed;
clear: both;
width: 850px;
height: 115px;
border: #ababab 0px solid;
background: #f9f9f9;
color: #999;
font-size: 0.9em;
margin-left: 175px;
margin-top: -10px;
}
#navi {
clear: both;
width: 850px;
height: 40px;
padding: 20px;
border-left: #ababab 0px solid;
border-right: #ababab 0px solid;
background: #FFFFFF repeat-x 0 0;
color: #999;
font-size: 0.9em;
margin-left: 190px;
}
#content {
display: block;
background: #FFFFFF url(+++++++++) no-repeat;
background-position: center top;
left:400px;
float: left;
width: 850px;
padding: 20px;
clear: both;
border: #ababab 0px solid;
text-align: justify;
font-size: 0.9em;
margin-left: 190px;
}
ul, li
{
list-style-type: none
padding: 0px;
margin: 0px;
}
.menu
{
position: fixed;
top: 160px;
left:310px;
z-index: 3;
}
.menu li
{
width: 160px;
float: left;
}
.menu a
{
border: 1px solid #cfcfcf;
background-color: #fff;
bachground-image:url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}
.menu a:hover
{
background-color: #ededed;
background-image:url();
}
#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
______________
