Ich hab ein problem mit position fixed

[janschmidt]

Hallo ich habe ein Problem mit meiner Homepage ich möchte gerne das das top und left Menü fixed sind was nicht weiter schwer war. Aber leider rutscht mir jetzt der darunter stehende text unter das Top Menü und Außerdem sitzt die Seite nicht ganz oben da fehlt ein Stück was beim Scrollen nicht schön ist da es zwei verschiedene Farben sind.

http://www.jans-reptilien.de/bartagamen.php


Ich hoffe das mir da jemand helfen kann.



Gruß

Jan

* Rest */

html, body { margin: 0; padding:0; border: 0;

background: transparent; font-size:10px; }


div, span, article, aside, footer, header, hgroup, nav, section,

h1, h2, h3, h4, h5, h6, p, blockquote, aol, ul, li,

table, tr, th, td, tbody, tfoot, thead {

margin: 0;

padding: 0;

border: 0;

vertical-align: baseline;

background: transparent;

}



img { margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {

margin: 0; padding: 0; border: 0;

vertical-align: baseline;

background: transparent;

}



table { border-collapse: collapse; border-spacing: 0;}

input, select, textarea, form

{margin:0; padding:0; border:0;

}

article, aside, dialog, figure, footer, header, hgroup, nav, section {

display:block; }



h1, h2, h3, h4, h5, p, li, blockquote, td, th, a, caption, em, strong, strikt {

font-family: Arial, Helvetica, sans-serif;

font-size:100%;

font-weight:normal;

font-style:normal;

text-indent: 0;

text-decoration:none;

text-align: left;

color: #ffffff;

}



ol, ul { list-style: none; }



/* Global */

html { }

body { background-color:#770000; }





/* Text Elements */

p { color:#000; font-size:12px; line-height:150%; }

p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }

p .right { margin: 1.5em 1.5em 1.5em 0; padding: 0; }

a { }

a:link {color: #770000; }

a:visited {color: #770000; }

a:active {color: #000; }

a:focus {color: #666; }

a:hover {color: #f00; }

blockquote { color: #000; font-size:12px; }

strong { font-weight: bold; }

em { font-style: italic; }

legend {color: #ffffff; font-size:22px;}

/* lists */

ul { }

ol { list-style-type:decimal; }

ul li { color:#000; font-size:12px; }

ol li { color:#000; font-size:12px; }

dl { }

dt { }

dd { }



/* container */

#wrapper

{
width:1280px;
margin:0px auto;
background:#339966;
min-height:720px;
margin-top:0px;
padding-top:0px;
}


#top

{

background-color:#770000;
width:100%;
height:20px;
overflow:hidden;
border-bottom:3px #cccccc solid;
text-align:center;
}



#topnav

{
position:fixed;
background-color:#339966;
clear:both;
margin-left:240px;

}

#topnav ul {
height:38px;
width:100%;
float:left;
background-color:#339966;
border-bottom:3px #cccccc solid;
}

#topnav ul li

{
display:inline;
}



#topnav ul li a

{
float:left;
padding:11px 20px;
}

#topnav a:link

{
color :#ffffff;
}

#topnav a:visited

{
color :#ffffff;
}

#topnav a:active

{
color :#ffffff;
}

#topnav a:hover

{
color :#ffffff;
background-color:#770000;
height:16px;
}

#topnav a:focus

{
color :#ffffff;
}





#navmenu, ul li, li li{
margin:0;
padding:0;

}



#navmenu {
width:240px;
height:30px;
margin-top:38px;
border-top:2px #cccccc solid;
position:relative;
z-index:100;
position:fixed;
}

#navmenu ul {
line-height:28px;
}


#navmenu  li{
list-style:none;
position:relative;
background:#339966;
  }



#navmenu li li {

list-style:none;
position:relative;
background:#339966;
left:238px;
top:-30px;
}


#navmenu ul li a {

width: 238px;
height:28px;
display: block;
text-decoration:none;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
color: #ffffff;
border:1px #cccccc solid;

}


#navmenu ul ul {

position:absolute;
visibility:hidden;
top:30px;
}

#navmenu ul li:hover ul {
visibility:visible;
}


#navmenu li:hover {
background-color:#770000;
}


#navmenu ul li:hover ul li a:hover {
background-color:#770000;
}

  

#navmenu a:hover {
font-weight:bold;
}





.Sub_level {

position:relative;
z-index:0;
color:#ffffff;
}



.Sub_level:hover {

background-color:transparent;
z-index:60;
}



.Sub_level ul
{

position:fixed;
width:240px;
background-color:#339966;
left:-3000px;
visibility:hidden;
overflow:visible;

}



.Sub_level:hover ul {

position: fixed;
visibility:visible;
top:0px;
left:0;
height:0;
}



#werbung
{
position:fixed;
width:240px;
height:150px;
margin-top:480px;
margin-right:0px;
float:left;
}
#werbung h1

{
font-size:12px;
font-weight:bolder;
text-align:center;
color: #ffffff;
}


#gmeg_map_canvas
{
margin-left:220px;
overflow:hidden;
width:600px;
height:500px;

}

#content

{
margin-left:240px;


}


#content  a

{
color:#ffffff;

}



#content p

{
float:left;
}



#content ol

{
list-style-type:none;
}



#content ul

{
width:100%;
float:left;
padding: 50px 0px 0px 0px;
margin-left:10px;
}



#content ul li

{
display:inline;
}



#content ul li a

{
float:left;
padding:30px;
margin-left:10px;
color: #ffffff;
}


#content h1

{
color:#ffffff;
font-size:36px;
font-weight:bolder;
text-align:center;
}



#content h2

{
font-size:16px;
font-weight:bolder;
text-align:center;
color: #ffffff;

}



#content h3

{
color:#ffffff;
font-size:20px;
font-weight:bolder;
line-height:150%;
margin:10px;
text-align:center;
}



#content h4

{
color:#ffffff;
font-size:16px;
font-weight:bolder;
line-height:150%;
margin:10px;
text-align:left;
}

#content h5

{
color:#ffffff;
font-size:12px;
font-weight:bolder;
line-height:150%;
margin:10px;
text-align:left;
}

#gaestebuch
{
margin-left:245px;

}

#angabe
{
float:left;
padding: 10px 30px 0 10px;
width: 100px;
}


#werte
{
float:left;
padding: 10px 30px 0 10px;
}

#text  a
{
color:#770000;
}
#text
{
margin-left:245px;
}      

#text h1

{
color:#ffffff;
font-size:36px;
font-weight:bolder;
text-align:center;
}

#text h2

{
color:#ffffff;
font-size:22px;
font-weight:bolder;
text-align:center;
}

#text h3
{
color:#ffffff;
font-size:20px;
font-weight:bolder;
line-height:150%;
margin:10px;
text-align:center;
}      


#area {
width:300px;
height:100px;
}
#fieldset {
width:500px;
margin-left:245px;
}



#footer

{
background-color:#339966;
width:100%;
height:60px;
padding:0;
overflow:hidden;

}

form

{
text-align:left;
margin:20px;
}



label, submit, input, textarea

{
border:0;
padding:0;
margin:0;
background-color:#339966;
}



submit, input, textarea

{
border:0;
padding:0;
margin:0;
background-color:#ffffff;
}


label {
float:left;
width:150px;
text-align:right;
display:block;
margin-left:150px;
}


input, textarea
{
border:1px #000000 solid;
margin-left:10px;
padding:5px;
}



input {
width:280px;
margin-bottom: 16px;
}



textarea {
width:280px;
height: 150px;
margin-bottom: 16px;
}

select { }

.submit {
width:90px;
height:25px;
margin-left:420px;
font-size:12px;
}

 

[janschmidt]

Danke habe es gefunden. Problem beseitigt