weißer Rand um Floorplan

[nebukadnezza]

Hallo,

versuche nun seit ein paar Tagen folgendes Problem in den Griff zu bekommen. Ich habe einen Floorplan mit schwarzem Hintergrund erstellt. Leider hat er in der Anzeige (also z.B. über Notebook oder auch Tablet im WVC) einen weißen Rand (Bild hab ich angehängt).

Meine css schaut so aus:

Code Auswählen Erweitern


#body     { background-color: #444444; font-family:Verdana; font-size:9px; background-image:url(../images/default/fhemicon_dark.png); background-repeat:no-repeat; }
body[id~=Media]     { background-color: #000000; font-family:Verdana; font-size:9px; background-image:url(../icons/Media.bak); background-repeat:no-repeat; }

backimg {position:absolute; top:0px; left:0px;}
#logo    { position:absolute; top: 0px; left: 0px; width:180px;  height:600px; background-image:url(../icons/darklogo); visibility:hidden;}
#fpmenu.fp_arrange   { position:absolute; bottom:20px; left:30px; min-width:310px; font-size:9px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px; box-shadow:5px 5px 5px #000; }

#menu    { position:absolute; top:180px; left:0px; width:0px; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding-bottom: 6px; padding-top: 6px;}
#menu.floorplan   { position:absolute; top:180px; left:30px; width:128px; font-size:12px; border:1px solid #CCCCCC; background: #111111; box-shadow:5px 5px 5px #000; padding: 6px;}

#hdr     { position:absolute; top:15px; left:190px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; margin-bottom: 10px;}
#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
#startcontent {position:absolute; top:20px; left:200px; text-align:left; font-size: 16px; color:gray; }
#connect_err { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }

a { color:#CCCCCC; }

img { -moz-border-radius:1px; border-radius:1px;} /* geändert fmf beides 8px */

table { -moz-border-radius:8px; border-radius:8px; }
table tr.sel { backround: #333333;}
table a:hover {color: #ffffff;}

  .fp_Peter       { border:1px solid gray; }
  .devicename     { font-size: 17px; font-weight: normal; text-align:center; color: #cccccc; } /* orig.:-> 14px; kein fontweight ; col: #111111*/
  .devicestate    { font-size: 16px; font-weight: normal; text-align:center; color: gray; } /* orig.:-> kein fontsize / fontweight ; col: #111111*/
  .devicecommands { font-size:14px; text-align:center; color: #111111; }
  .devicetimestamp{ font-size:10px; text-align:center; color: #111111; }

#sz_Rollo.devicename     {font-size:14px;}
#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
#ez_Aussentemperatur_dummy.devicestate  {color:green; font-size:30px; }
#HomeStatus.devicestate  {color:green; font-size:30px; }
table.dummy              {min-width:100px;}
table.FHT                {min-width:100px; }
#wakeup.devicestate      {color:green; font-size:11px; }
#ez_FHT.devicestate      {color:green; font-size:30px; }
#Home.fp_Grundriss       {font-size:14px; width:100px; }
#Home.fp_Media           {font-size:14px; text-align:left; }
#Media                   {font-size:14px; }
#Grundriss               {font-size:14px; text-align:left; }
#w_WertListe1            {font-size:20px; color:gray}
.fp_tempvalue            {color:red; font-size:20px; }
.fp_humvalue             {color:blue; font-size:20px; }


h2,h3,h4 { color:#52865D; line-height:1.3; margin-top:1.5em; font-family:Verdana; }

/* detail-selector & slider */
select {  margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { margin-left:10px; float:left; width:140px; height:26px; border:2px solid; color:grey; }
.set .slider { background:#101010; border-radius:8px; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }

.handle { position:relative; cursor:pointer; width:50px; height:20px;
          line-height:20px; border:2px solid; color:white; text-align:center; }
.downText { margin-top:2px; }

svg      { height:32px; width:32px; fill:#278727; }

svg.on,svg.FS20_on { fill:orange; }


Hat wer einen Tipp für mich?

Danke!

[nebukadnezza]

Habs gelöst.

Zur Info: Die erste Zeile in der css (body) war auskommentiert. Danach noch background-color auf schwarz und schon passt. Also der Rand ist noch immer da, allerdings nun schwarz auf schwarz und daher nicht mehr sichtbar.