BloodySword: IE im Quirksmodus? Boxmodellproblem!

SELF-Forum

IE im Quirksmodus? Boxmodellproblem!

BloodySword
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe folgendes Problem: Wenn ich per CSS in einem DIV padding:0px; angebe, so ist es im Firefox immernoch ca 2 Pixel breit und im IE/Opera 0 Pixel breit.

Woran liegt das? Kann das am Quirksmodus liegen?

<!DOCTYPE html  
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Wie gesagt wird der Paddingabstand beim FF immer 2px interpetriert, wenn diese Angabe kleiner als 2px ist. Im IE und Opera wird es richtig dargestellt.

Woran kann das liegen? Ich versuche es gerade mit einer leeren, rohen Seite.

lg

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE im Quirksmodus? Boxmodellproblem!

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@BloodySword:

    nuqneH

    Woran kann das liegen?

    Ist wieder einmal die Erdstrahlung schuld?

    ↗ Tips für Fragende

    Qapla'

    --
    Bildung lässt sich nicht downloaden. (Günther Jauch)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE im Quirksmodus? Boxmodellproblem!

      BloodySword
      – Informationen zu den Bewertungsregeln

      Ist wieder einmal die Erdstrahlung schuld?

      Nein, eine Tabelle mit fehlendem "border-collapse:collapse;" war Schuld. Interpretiert Firefox das richtig, wenn er da ein Margin von 2px drum macht also um die Tabelle oder interpretieren Opera und IE das richtig?

      lg

      PS: Eine genauere Problembeschreibung ist wegen eines Geheimprojektes nicht möglich gewesen! Angst vor Ideenklau anderer Webseiten!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. IE im Quirksmodus? Boxmodellproblem!

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@BloodySword:

        nuqneH

        Nein, eine Tabelle mit fehlendem "border-collapse:collapse;" war Schuld.

        Von einer Tabelle war im OP nichts zu lesen. Bist du sicher, dass es sinnvoll ist, eine Frage zu stellen, die nicht das beinhaltet, was du fragen willst?

        Interpretiert Firefox das richtig, wenn er da ein Margin von 2px drum macht also um die Tabelle oder interpretieren Opera und IE das richtig?

        Quelltext?

        PS: Eine genauere Problembeschreibung ist wegen eines Geheimprojektes nicht möglich gewesen! Angst vor Ideenklau anderer Webseiten!

        So ein Unsinn! Den für das Problem relevanten Quelltext zu exrahieren sollte möglich sein.

        Qapla'

        --
        Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. IE im Quirksmodus? Boxmodellproblem!

          BloodySword
          – Informationen zu den Bewertungsregeln

          Ok, hier der Quelltext
          Ich hoffe ich finde die Galerie, die ich programmiere nicht später irgendwo im Netz... Habe da schon einiges mit Foren erlebt...

          {foreach item=bild from=$imagelist}  
<div class="g_float_item" id="picfield_{$bild.id}" onmousedown="return false;" onselectstart="return false;"  
     onclick="galleryPictureClick('{$userid}','{$albumid}','{$bild.id}','g_float_item','g_float_item_sel');">  
  <table>  
    <tr>  
      <td><img src="gallery.php?mode=get_picture&size=thumbnail&pictureid={$bild.id}" alt="{$bild.pic_title}" /></td>  
    </tr>  
    <tr>  
      <td class="g_float_image_title" id="g_float_image_title_{$bild.id}">{$bild.short_title}</td>  
    </tr>  
  </table>  
  <div id="picinf_{$bild.id}">  
    <table width="100%" class="g_float_picinf_table">  
      <tr height="20px">  
        <td colspan="2"><b style="font-size: 10pt;">{$bild.pic_title}</b></td>  
      </tr>  
      <tr height="20px">  
        <td width="90px">Hochgeladen am:</td>  
        <td>{$bild.pic_uploaded}</td>  
      </tr>  
      <tr>  
        <td style="vertical-align:top;">Beschreibung:</td>  
        <td>{$bild.short_description}</td>  
      </tr>  
    </table>  
  </div>  
</div>  
{/foreach}

          CSS:

          /* Gallery floating configuration */  
div.g_float_item {  
  border: #265784 1px solid;  
  background-color: #30608C;  
  
  padding: 2px;  
  margin: 2px;  
  
  width: 132px;  
  height: 156px;  
  
  float: left;  
  
  -moz-user-select: none;  
  -khtml-user-select: none;  
  
  cursor: pointer;  
}  
  
div.g_float_item_sel {  
  border: #265784 1px solid;  
  background-color: #FF9900;  
  
  padding: 2px;  
  margin: 2px;  
  
  width: 132px;  
  height: 156px;  
  
  float: left;  
  
  -moz-user-select: none;  
  -khtml-user-select: none;  
  
  cursor: pointer;  
}  
  
div.g_float_item_sel div,  
div.g_float_item_album_sel div,  
div.g_float_item div,  
div.g_float_item_album div {  
  visibility: hidden;  
  position: absolute;  
  margin-top: -16px;  
  margin-left: -1px;  
  padding: 4px;  
  text-align: left;  
  border: 0px;  
  background-color: #134261;  
}  
  
div.g_float_item_sel:hover div,  
div.g_float_item:hover div,  
div.g_float_item_album_sel:hover div,  
div.g_float_item_album:hover div {  
  visibility: visible;  
}  
  
div.g_float_item:hover {  
  border-style: solid;  
  border-width: 1px;  
  border-color: #90CBFF #134261 #134261 #90CBFF;  
  background-color: #41729B;  
}  
  
div.g_float_item_sel:hover {  
  border-style: solid;  
  border-width: 1px;  
  border-color: #90CBFF #134261 #134261 #90CBFF;  
  background-color: #FF9900;  
}  
  
table.g_float_picinf_table {  
  margin: 0px;  
  padding: 0px;  
  width: 100%;  
  border-collapse: collapse;  
  font-size: 8pt;  
}  
table.g_float_picinf_table tr {  
  text-align: left;  
}  
  
div.g_float_item table,  
div.g_float_item_album table,  
div.g_float_item_sel table,  
div.g_float_item_album_sel table {  
  margin: 0px;  
  padding: 0px;  
  width: 100%;  
  height: 100%;  
  text-align: center;  
  border-collapse: collapse;  
}  
  
div.g_float_item tr,  
div.g_float_item_album tr,  
div.g_float_item_sel tr,  
div.g_float_item_album_sel tr,  
table img {  
  margin: 0;  
  padding: 0;  
}  
  
td.g_float_image_title {  
  font-size: 8pt;  
  font-weight: bold;  
  margin: 0px;  
  padding: 0px;  
  height: 8px;  
  background-color: #134261;  
}  
  
/* Für die Albumansicht */  
  
div.g_float_item_album {  
  border-style: solid;  
  border-width: 1px;  
  border-color: #265784;  
  
  background-color: #30608C;  
  
  padding: 2px;  
  margin: 2px;  
  
  width: 160px;  
  height: 176px;  
  
  float: left;  
  
  -moz-user-select: none;  
  -khtml-user-select: none;  
  
  cursor: pointer;  
}  
  
div.g_float_item_album_sel {  
  border-style: solid;  
  border-width: 1px;  
  border-color: #265784;  
  
  background-color: #FF9900;  
  
  padding: 2px;  
  margin: 2px;  
  
  width: 160px;  
  height: 176px;  
  
  float: left;  
  
  -moz-user-select: none;  
  -khtml-user-select: none;  
  
  cursor: pointer;  
}  
  
div.g_float_item_album:hover {  
  border-style: solid;  
  border-width: 1px;  
  border-color: #90CBFF #134261 #134261 #90CBFF;  
  background-color: #41729B;  
}  
  
div.g_float_item_album_sel:hover {  
  border-style: solid;  
  border-width: 1px;  
  border-color: #90CBFF #134261 #134261 #90CBFF;  
  background-color: #FF9900;  
}  
  
td.g_float_album_image {  
  margin: 0;  
  padding: 0;  
  background-image: url(../images/photoalbumfolder.png);  
}  
  
div.imgbigcont {  
  position: absolute;  
  display: none;  
  left: 0px;  
  top: 0px;  
  width: 100%;  
  height: 100%;  
  z-index: 9999;  
  background-color: #2B597A;  
}
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. IE im Quirksmodus? Boxmodellproblem!

            at
            – Informationen zu den Bewertungsregeln

            Hallo.

            Ok, hier der Quelltext
            Ich hoffe ich finde die Galerie, die ich programmiere nicht später irgendwo im Netz... Habe da schon einiges mit Foren erlebt...

            Einerseits ist absehbar, das die gängigen Suchmaschinen den Beitrag in ihren jeweiligen Index aufnehmen werden. Andererseits ist der Code zwar nicht gut, aber schämen muss man sich deshalb auch nicht so sehr.
            MfG, at

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln