FrogBecher
Grünschnabel
hallo liebe leute,
ich ich versuche schon seit einigen stunden
ein layout herzustellen... und ich muss sagen... ich kriege es nicht hin... oder das ich wahrscheinlich nicht mehr, den Wald vor lauter Bäumen sehe...
ich glaube erfahrenere Augen! die nicht so ermüdet sind wie meine! werden mein Problem erkennen
und mir wie ich mir erhoffe! einen Rat in die richtige Richtung weisen können 
die ganze page in einer rar datei gepackt, damit hier euch ein bild machen könnt!
oder hier der inhalt meiner css datei
ich bin auch für vorschläge offen, wie man es besser oder anders machen könnte!
mfg
frogbecher
ich ich versuche schon seit einigen stunden
ein layout herzustellen... und ich muss sagen... ich kriege es nicht hin... oder das ich wahrscheinlich nicht mehr, den Wald vor lauter Bäumen sehe... ich glaube erfahrenere Augen! die nicht so ermüdet sind wie meine! werden mein Problem erkennen
und mir wie ich mir erhoffe! einen Rat in die richtige Richtung weisen können die ganze page in einer rar datei gepackt, damit hier euch ein bild machen könnt!
oder hier der inhalt meiner css datei
Code:
/*CSS Document*/
/*+clearfix {*/
DIV#kopf:after, DIV#w3:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
DIV#kopf, DIV#w3
{
display: inline-block;
}
DIV#kopf, DIV#w3
{
/*\*/
display: block;
/**/
-height: 1px;
}
/*+}*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
BODY
{
background-color: #FFF;
background-image: url(../img/bgsilver.png);
background-repeat: repeat-x;
font-family: Georgia;
}
DIV#aussen
{
margin: -8px auto 0;
width: 1024px;
background-color: #DDC;
height: auto;
padding: 1px 0px;
/*+box-shadow:0px 5px 20px #000000;*/
-moz-box-shadow: 0px 5px 20px #000000;
-webkit-box-shadow: 0px 5px 20px #000000;
-o-box-shadow: 0px 5px 20px #000000;
box-shadow: 0px 5px 20px #000000;
/*+border-radius:0 0 10px 10px;*/
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
/*[clearfix]*/DIV#kopf
{
height: 150px;
margin: 5px;
background-image: url(../img/blau2.png);
border: 1px solid #000000;
/*+border-radius:0 0 10px 10px;*/
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background-position: center bottom;
background-color: #034D8E;
}
DIV#hals
{
height: 30px;
background-color: #034D8E;
background-image: url(../img/blau.png);
border: 1px solid #000000;
background-position: center top;
margin: 5px;
/*+border-radius:10px;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px 10px 10px 10px;
}
DIV#links
{
background-position: center top;
background-image: url(../img/blau.png);
background-repeat: no-repeat;
background-color: #034D8E;
margin: 5px;
/*+border-radius:10px;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px 10px 10px 10px;
}
DIV#links A:hover
{
color: #000000;
}
/*[clearfix]*/DIV#w3
{
width: 821px;
border: 1px solid #000000;
/*+border-radius:10px;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px 10px 10px 10px;
float: inherit;
margin: 5px 5px 5px 175px;
background-color: #4E4E4E;
color: #FFFFFF;
text-align: justify;
padding: 5px;
}
DIV#boden
{
height: auto;
margin: 5px;
/*+border-radius:10px;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px 10px 10px 10px;
background-color: #034D8E;
background-image: url(../img/blau.png);
border: 1px solid #000000;
background-position: center;
}
DIV#bodeninhalt
{
text-decoration: none;
text-align: -webkit-left;
overflow: hidden;
clear: both;
padding: 10px;
}
DIV#bodeninhalt OL, UL, DL
{
position: relative;
}
DIV#bodeninhalt OL, UL
{
list-style: none;
}
DIV#bodeninhalt DL DT
{
font-weight: bold;
}
DIV#bodeninhalt A
{
text-decoration: none;
cursor: pointer;
color: #FFFFFF;
}
DIV#bodeninhalt DL UL LI
{
border-bottom: 1px dotted #FFF;
line-height: 2em;
}
DIV#bodeninhalt DL DT
{
margin-bottom: 5px;
font-size: 18px;
}
DIV#bodeninhalt DL
{
float: left;
margin: 10px 0;
padding: 0 27px 0 20px;
width: 200px;
height: 240px;
}
DIV#bodeninhalt A:hover
{
color: #000000;
}
DIV#copy
{
color: #FFFFFF;
padding: 0 30px 0 200px;
}
DIV#sparten
{
padding: 0 20px;
line-height: 1.5em;
}
DIV#sparten A
{
text-decoration: none;
cursor: pointer;
color: #FFFFFF;
}
DIV#sparten DL DT
{
font-weight: bold;
}
DIV#sparten DL UL LI
{
border-bottom: 1px dotted #FFF;
line-height: 2em;
}
DIV#sparten DL
{
float: left;
margin: -40px;
padding: 30px;
width: 160px;
top: 15px;
}ich bin auch für vorschläge offen, wie man es besser oder anders machen könnte!
mfg
frogbecher
