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:

http://s7b.directupload.net/images/100209/temp/ryowake4.gif (http://s7b.directupload.net/file/d/2065/ryowake4_gif.htm)

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

[isaack]

die elemente sind da wo auch die links hinverweisen.
das habe ich ja auch schon mitbekommen das sie einwandfrei läuft habe sie ja auch schon testen lassen.
aber es sieht halt so aus wie jetzt auf der seite zu sehen.

[isaack]

ich habe den fehler gefunden.
ich danke euch trotzdem für die hilfe.