title image


Smiley Darstellung in Moz. FF. unter aller Sau im IE einwandfrei. Woran liegts????
Habe mir aus dem Netz ein Stylescheet optimiert für gängige Browser besorgt und es für meine Anforderungen angepasst. Bin gerade dabei aus diesem Stylescheet eine Vorlage zu basteln. hat bis jetzt auch gut geklappt. Nur Mozilla FF 1.04 hat da scheinbar ein Problem schau es doch einfach mal an.



Hier noch der Code für den Stylescheet. Sind 3 dateien

all.ccs



html {

margin: 0;

padding: 0;

width: 100%;

height: 100%;

}

body {

margin: 0;

padding: 0;

width: 100%;

font-family: arial,helvetica,verdana,sans-serif;

background-color: #FFFFFF;

}

#headerback, #footerback {

z-index: -1;

display: none;

}

#header, #footer {

position: fixed;

left: 0;

width: 100%;

z-index: 2;

}

#header {

top: 0;

height: 80px; /* gewünschte Höhe inkl. Maßeinheit */

}

#footer {

bottom: 0;

height: 25px; /* gewünschte Höhe inkl. Maßeinheit */

}

#menue {

position: fixed;

left: 0;

top:0px;

margin: 0;

padding: 0;

width: 150px;

height: 100%;

z-index: 1;

}

#menue ul {

position: fixed;

bottom: 325px;

left: 0px;

margin: 0;

padding: 0;

width: 130px;

list-style-type: none;

}

#menue ul li {

margin: 0;

padding: 0;

width: 130px;

}

#menue ul li a {

padding: 2px 0 2px 5px;

width: 125px;

display: block;

font-size: 0.9em;

font-weight: bold;

color: #000000;

border-width: 1px;

border-style: solid;

border-color: #FFFFFF;

background-color: #FFCC33;

text-decoration: none;

}

#menue ul li a:hover {

background-color: #0099FF;

border-color: #0099FF;

}



#menue {

background-color:#FFFFFF;

}

#header, #footer {

background-color: #0099FF;

}

#header h1 {

margin: 40px 20px 0 0;

padding: 0;

font-size: 36px;

text-align: center;

color: #000000;

position: relative;

top: -0.5em;

}

#content {

width: 100%;

}

#content #inner {

margin: 100px 0 0 0; /* 1.Wert Abstand von Oben */

padding: 0 20px 50px 180px; /* 3.Wert Abstand von Unten */

}

---------------------------------------------------------------------------



ie.css



html {

background-color: #FFFFFF;

overflow: hidden;

}

body {

height: 100%;

background: transparent;

}

#headerback {

top: 0;

left: 0;

width: 100%;

height: 80px; /* gleiche Höhe wie #header in all.css */

display: block;

background-color: #0099FF;

}

#headerback, #header, #footerback, #footer, #menue, #menue ul {

position: absolute;

}

#footerback {

left: 0;

width: 100%;

height: 30px; /* gleiche Höhe wie #footer in all.css */

display: block;

background-color: #EDE6CA;

}

#footerback, #footer {

bottom: -1px; /* bottom: 0; lässt Hintergrund unterhalb durchscheinen */

padding-bottom: 1px; /* Ausgleich der negativen Positionierung */

}

#header, #footer {

left: -16px; /* Breite des Scrollbalkens, hier: 16px, (siehe: Einstellungen - Systemsteuerung - Anzeige), evtl. höher setzen (Bsp.: -25px) */

}

#content {

height: 100%;

overflow: auto;

}



ie_lt6.css



body {

overflow: hidden;

}

-------------------------------------------



Gruß

Michael


geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: