main.css problem

[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:

[Lokutos]

Also schau mal in deine functions.lib.php
und schau mal ob die URL ein / am ende hatt wenn ja dan löschen.
ist dies nicht der fall dan geh mal in die header.php
und suche

<link rel="stylesheet" href="css/main.css" type="text/css"> 

und mach mal vor das css ein /

MFg Lokutos

[isaack]

hallo,

habe jetzt im header folgendes stehen:

<link rel="stylesheet" href="/css/main.css" type="text/css">

funzt aber immer noch nicht. kommt immer noch das gleiche wie vorher.

[jpwfour]

Woher hast du den die CSS Datei?

Sie funktioniert einwandfrei, nur wenn die angesprochene Elemente gar nicht im HTML vorhanden sind, sieht man nix von.

Beispiel im CSS:

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

Jetzt müsste es ja im HTML irgendwo ein Element geben mit id="top"....

Genauso
container2,menubox1
und weiter hab ich dann gar nicht mehr geschaut.

Evtl beschäftigst du dich selber eingehender mit dem Thema:
http://de.selfhtml.org/css/index.htm
http://de.selfhtml.org/html/index.htm

Oder du lässt wen anders das für dich machen, nur ob das wer kostenlos macht, k.a.