Problem mit CSS unter Mozilla

[mual]

Hallo leute,
kann mir jemand sagen, warum diese CSS datei nicht unter Mozilla funkz.
Diese Datei funkz unter IE ohne Problem aber wenn ich mit Mozilla arbeite, dann funkz sie gar nicht.
 ~~~css <?php

function getSize() {
      return $_GET['size'];
}

 function getFontSize() {  

return $_GET['fontsize'];
}

?>

table {
width: <?php echo getSize(); ?>;
}

body {
background-color: #999999;
font-size:<?php echo getFontSize(); ?>;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
height: <?php echo getSize(); ?>;
width: <?php echo getSize(); ?>;
}

#outer {

height: 180px;  
  
background-color:#999999;  
margin-top: 50px;  
margin-bottom: 50px;  
margin-left: auto;  
margin-right: auto;  
padding: 0px;	  
overflow: auto;  

}

#divFollow img{
filter:alpha(opacity=60);
}

#outerouter {
overflow: hidden;

width: 500px;  
height: 300px;  

}

#topnav {
width: 80%;
height: 100%;
background-color:#999999;
margin-top: 20px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#search  {
width: 80%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#nav  {
width: 80%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#einstellungen  {
width: 90%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#outer span{
display:inline-block;
position: relative;
cursor: hand;

}

#droptarget {
display:inline-block;
background-color: #FFFFFF;
height: 450px;
width: 15%;
text-align: center;
border-bottom: 4px solid #999999;
float: right;
}

#droptarget img{
height: 40px;
width: 40px;
}

.button {
display:inline-block;
background-color: #ef7a00;
height: 80px;
width: 80px;
text-align: center;
line-height: 80px;
border-bottom: 4px solid #999999;
}

.checklist {
list-style: none;
}

.link {
text-decoration: none
}

#slider-1 {
width: 80%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

.dynamic-slider-control {
position: relative;
background-color: ThreeDFace;
-moz-user-focus: normal;
-moz-user-select: none;
cursor: default;
}

.horizontal {
width: 200px;
height: 29px;
}

.vertical {
width: 29px;
height: 200px;
}

.dynamic-slider-control input {
display: none;
}

.dynamic-slider-control .handle {
position: absolute;
-moz-user-select: none;
cursor: default;
background: ThreeDFace;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow
ThreeDDarkShadow ThreeDHighlight;
}

/* inner border /
.dynamic-slider-control .handle div {
font-size: 1px;
border: 1px solid;
border-color: ThreeDLightShadow ThreeDShadow ThreeDShadow ThreeDLightShadow;
    behavior: url("css/boxsizing.htc"); / ie path bug */
box-sizing: content-box;
-moz-box-sizing: content-box;
}

/* inner sets size
.dynamic-slider-control.horizontal .handle {
width: 12px;
height: 22px;
}

*/
.dynamic-slider-control.horizontal .handle div {
width: 8px;
height: 18px;
}

.dynamic-slider-control.horizontal .handle.hover {}

/* inner sets size
.dynamic-slider-control.vertical .handle {
width: 22px;
height: 12px;
}
*/

.dynamic-slider-control.vertical .handle div {
width: 18px;
height: 8px;
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
behavior: url("css/boxsizing.htc"); /* ie path bug */
box-sizing: content-box;
-moz-box-sizing: content-box;
position: absolute;
font-size: 0.01mm;
    overflow: hidden;
border: 1px solid;
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
background: ThreeDDarkShadow;
}

.dynamic-slider-control.vertical .line {
  width: 1px;
}

.dynamic-slider-control.horizontal .line {
height: 1px;
}

.dynamic-slider-control .line div {
display: none;
}

#topnav span{
display:inline-block;
background-color: #00FF00;
height: 40px;
text-align: center;

border-left: 4px solid #00FF00;  
border-right: 10px solid #00FF00;  
  
line-height: 40px;  

}

.menu {
display:inline-block;
background-color: #0000FF;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-bottom: 4px solid #999999;
}

#menu {}

.ag-innerBox{
position:relative; /in STRICT this messes up IE THIS causes the whole problem/
top:0px;
left:0px;
background:#ffffcc;
float:left;
}

.ag-track{
height:10px;
width:10px;
background:#cccccc;
float:left;
}

.ag-handle{
height:10px;
width:10px;
background:#739845;
cursor:pointer;
}

  
bin für jede Hilfe sehr Dankbar  
  
Gruß  
mual

[Struppi]

kann mir jemand sagen, warum diese CSS datei nicht unter Mozilla funkz.
Diese Datei funkz unter IE ohne Problem aber wenn ich mit Mozilla arbeite, dann funkz sie gar nicht.

Aha. Vielleicht ist das Funkaddon kaputt, oder sowas.

Versuch doch mal zu beschreiben, was nicht funktioniert und wie es funktionieren sollte. Dann wäre es hilfreich, wenn du eine Fehleranalyse betreibst. Also z.b. zuerst mal in die Fehlerkonsole vom Fx schaust, dort stehen auch CSS Fehler und dann könntest du noch versuchen, dein Problem einzugrenzen (wobei ich denke, dass das beseitigen der Fehlermeldungen ausreichen dürfte).

Daneben ist für eine Problemanalyse deines CSS Codes der PHP Code völlig unrelevant, wir müssen sehen, was der Browser sieht.

Struppi.

[ChrisB]

Hi,

kann mir jemand sagen, warum diese CSS datei nicht unter Mozilla funkz.

Vermutlich, weil du vergessen hast dem Client mitzuteilen, dass es CSS sein soll* - und text/html, den Default-Content-Type von PHP-Scripten, mag der Gecko halt nicht als CSS interpretieren.

Diese Datei funkz unter IE ohne Problem

Der frisst ja auch bekanntlich so gut wie alles, egal als was es ihm verkauft wird.

* Auf eine genauere Erklärung, wie man das macht, verzichte ich hier - denn wer Begriffe wie "funkz" verwendt, muss ja so l33t sein, dass er sowas bestimmt schnell selber raus kriegt.

MfG ChrisB