main.css problem

[isaack]

hallo,

ich habe hier ein main.css problem.
kann mir einer sagen was da falsch ist?
habe sie weiter unten nochmal hoch geladen so das ihr sie sehen könnt.

[Lokutos]

ist doch aus drei teilen

menuehead()
beinhalten den header und mach diesen komplett und startet dan am ende den mittleren teil.
dan ist das was nach menuehead steht also die links etc alles im mittleren teil

dan schliest
menuefoot(); den mittleren teil ab und startet den footer und beendet diesen wirder

findest du in der layout.lib.php im lib ordner
im zusammenhang mit der main.css

MFg Lokutos

[isaack]

was ist den an dieser main.css flasch das sie nicht geht?

body{
  background-color: #ffdd00;
  background-image: url(../bg.gif);
  background-repeat: repeat-x;
}

#container{
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#header{
  width:964px;
  height:124px;
  background-image: url(../header/header.gif);
  background-repeat: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

#top{
  width:964px;
  height: 72px;
  background-image: url(../top/top.gif);
  background-repeat: none;
  margin-left: auto;
  margin-right: auto;
}

#container2{
  width: 996px;
  margin-top: 20px;
  margin-left: auto;
  margin-right:auto;
}


#left{
float:left;
}

#menubox1{
padding-bottom:20px;
}

#menutop{
   height:50px;
    width:128px;
background-image: url(../menu_box/menu_box_top.gif);
}
#menumid{
min-height:20px;
width:128px;
background-image: url(../menu_box/menu_box_bg.gif);
}

#menubottom{
height:39px;
width:128px;
background-image: url(../menu_box/menu_box_bottom.gif);

}

#main{
  float:left;
  padding-left: 20px;
  padding-right: 20px;
}

#maintop{
 width: 700px;
 height: 39px;
 background-image: url(../content/content_top.gif);
}

#mainmid{
 width: 700px;
 min-height:415px;
 background-image: url(../content/content_bg.gif);
}

#textarea{
  padding-left:10px;
  padding-right:10px;
}


#mainbottom{
 width: 700px;
 height: 46px;
 background-image: url(../content/content_bottom.gif);
}

#right{
  float:left;
}

#footer{
   clear:both;
   margin-left: auto;
   margin-right: auto;
}

#jplow{
  position: relative;
  width:115px;
  background-color: yellow;
  color: white;
  font-size:18px;
  font-weight: bolder;
  top: 7px;
  left: 255px;
  text-align: center;
}

#jpmid{
  position: relative;
  width:115px;
  background-color: yellow;
  color: white;
  font-size:18px;
  font-weight: bolder;
  top:-14px;
  left: 456px;
  text-align: center;
}

#jphigh{
  position: relative;
  width:115px;
  background-color: yellow;
  color: white;
  font-size:18px;
  font-weight: bolder;
  top:-35px;
  left: 656px;
  text-align: center;
}

#navibar{
  float:clear;
  position:relative;
  width: 952px;
  top:-20px;
  left:5px;
  font-size:18px;
  font-weight: bolder;
  text-align: center;
}

#werbebanner{
  position: relative;
  width: 468px;
  height: 60px;
  background-color: green;
  top: 34px;
  left: 466px;
}

#newsimg{
  position: relative;

  width:188px;
  height:32px;
  background-color: green;
top: 25px;
  left: 125px;
  }


.aboxlink:link{
  padding-left: 10px;
  color: #ff1900;
  margin-left:10px;
  text-decoration: none;
  font-weight:bold;
}

.aboxlink:visited{
  padding-left: 10px;
  color: #ff1900;
  margin-left:10px;
  text-decoration: none;
  font-weight:bold;
}
.aboxlink:active{
  padding-left: 10px;
  color: #ff1900;
  margin-left:10px;
  text-decoration: none;
  font-weight:bold;
}
.aboxlink:hover{
  padding-left: 10px;
  color: #ffcb00;
  margin-left:10px;
  text-decoration: none;
  font-weight:bolder;
}

.aboxlink:focus{
  padding-left: 10px;
  color: #ffcb00;
  margin-left:10px;
  text-decoration: none;
  font-weight:bolder;
}

kann mir den einer sagen warum das nicht geht?

[jpwfour]

Was genau geht nicht?

Grundsätzlich "geht" CSS immer.

Es können a) Fehler drin sein, siehe dazu: http://jigsaw.w3.org/css-validator/
oder b) sie tut nicht dass, was du willst.

Im Falle von b) müsstest du uns das schon verraten.

[Lokutos]

background-repeat: none;
ersetzen mit
background-repeat: no-repeat;

ansonsten hatt die css an und für sich keine fehler soweit ich das sehen kann

bei
#navibar{
float:clear;

kenne ich allerdings clear nicht
und ist meines wissens nah auch nicht standart

MFG Lokutos

[isaack]

das ganze sieht so aus: http://altdeutsche-lose.de

so sieht es aus wenn ich die css nutze momentan auch mit der änderung no-repeat

so sollte es eigendlich aussehen: