IE und FF okay, Opera macht Probleme!

silentium · 30.06.2006, 11:43

Tach zusammen,
ich habe jetzt so eine Art Toolbox geschrieben, im FF(1.5) und im IE (6) siehts gleich aus, mein Opera (7.5) macht aber Probleme.

Hab unten noch eine Grafik angehängt, um das Problem zu verdeutlichen.

fg Ulrich

HTML CODE.

Code:

  <div id='toolbox'>
    <div id='toolbox_header'>Toolbox</div>
    <div id='toolbox_content'>      
      <a href='druckversion.php'>Druckversion</a><br>
      <a href='kontakte.php'>Kontakte</a><br>
      <a href='impressum.php'>Impressum</a><br>
    </div>
    <div id='toolbox_footer'></div>
  </div>

CSS:

Code:

#toolbox
{
  width:131px;
  position: absolute;
  top:500px;
  left:500px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:black;   
  background-color: white;
}
#toolbox_header
{
  width:131px;
  height:15px;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-color:black;
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: bold;  
  color:white;
  background-color: #1B60A1;
  padding-left:2px;
}
#toolbox_content
{
  width:131px;
  border-style:solid;
  border-width:0px 1px 0px 1px;
  border-color:black;
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: none;
  padding-left:2px;    
}
#toolbox_footer
{
  width:135px;
  height:12px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:black;
  background-image: url(../gfx/design/toolbox_footer.gif);
  background-repeat: no-repeat;
}
/* HACK | Toolbox Footer IE*/
html>body #toolbox_footer{
	background-image: url(../gfx/design/toolbox_footer_ff.gif);
}

Daniel FR · 30.06.2006, 12:08

Wieso ist die width vom Footer 4px größer?

silentium · 30.06.2006, 12:17

wups war ein schreibfehler,
aber an dem isses nicht gelegn.

ist nach wie vor falsch

Daniel FR · 30.06.2006, 12:20

Tip: Versuch's mal mit background-position:right; für den Footer.

xynn · 30.06.2006, 12:21

Ich glaube eher dass der richtige Doctype fehlt... welchen hast du verwendet?

silentium · 30.06.2006, 12:24

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

mitm hintergrund position hab ich schon versucht,
wenns nicht geht auch ok. ff und ie reichen fürs erste

xynn · 30.06.2006, 12:26

Versuch mal den vollständigen Doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

silentium · 30.06.2006, 12:28

ff und opera gehen jetzt, ie nicht mehr, aber das ist kein problem mehr,

dankeschön