• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Prob mit margin-top im FF

Toxictype

New member
Salute,

ich kann machen, was ich will. Im Firefox wird der Text in content_f1.inc (Service) an den oberen Rand der Box geschoben. Im IE funzt es. Verträgt der Firefox margin-top nicht oder wo liegt das Problem?

ich habe folgenden Code (footer):

HTML bzw. PHP:
PHP:
<div id="footer"> 
 <table class="mtable" cellpadding="0" cellspacing="0">
  <tr>
   <td background="grafix/left.gif" class="menu_cell">  <img src="grafix/pfeil_2_grey_vertical.gif"><strong>Kontaktinfos</strong>
   </td>
   <td colspan="3"><div class="innerbg"> </div>
   </td>
  </tr>
 <tr> 
  <td valign="top" background="grafix/bg_menu.gif" class="menu_cell"> 
   <?php include 'inc/adresse.inc'; ?>
    </td>
     <!-- Beginn content footer -->
      <td width="33%" class="footer_style"> 
       <?php include 'inc/content_f1.inc'; ?>
      </td>
      <td width="34%" class="footer_style">
       <?php include 'inc/content_f2.inc'; ?>
      </td>
      <td width="33%" class="footer_style"> 
       <?php include 'inc/content_f3.inc'; ?>
      </td>
     <!-- Ende content footer -->
    </tr>
    <tr> 
     <td><img src="grafix/left_bot.gif" width="180" height="24"></td>
     <td colspan="3"><img src="grafix/bg_bottom.gif" width="536" height="24"></td>
   </tr>
  </table>
</div>

content_f1.inc:
PHP:
<div style="background-image: url(grafix/service.jpg); background-repeat: no-repeat;" class="quicklink">
<div class="ql_content"><img src="grafix/pfeil_2.gif"><a href="<?php echo $PHP_SELF; ?>?link=termin" target="_self" class="menulink"> Service</a></div>
</div>

...und die entsprechende CSS:

PHP:
/* ----------maintables-------------- */
.mtable {
width: 716px;
/* border: 1px solid #FF00FF; */
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 5px 0 0 0;
padding: 0px;
}

/* -----------footer_content-------------------------- */
.footer_style {
background-color: #FFFFFF; 
border-left: 1px dotted #564b47;
}

/* -----------------Quicklinks--------------------- */
.ql_content {
height: 18px;
margin: 67px 0 0 0;
font-size: 11px;
font-weight: bold;
color:#FF9900;
text-align: left;
}

/* -----------------Box Quicklinks--------------------- */
.quicklink {
height: 86px;
width: 146px;
margin: auto auto;
border: 1px solid #564b47;
}

/* -----------------Menu left--------------------- */
.menu_cell {
/* background-color: transparent; */
/* wird zu den Werten unter "p, pre" addiert */
padding: 0 0 0 17px;
line-height: 1.5;
border:0px solid #564b47;
}

Naja, der Code ist im Verhältnis wahrscheinlich nicht gerade minimalistisch.
Ich hatte bei der exakten Positionierung der Boxen arge Probs und habe mir daher mit einigen CSS-Klassen weiterhelfen müssen.

Danke für eure Hilfe.
 
Gibt's das Ganze auch online?
Ist ein wenig unübersichtlich...

Im Übrigen dürfte der FX keine Probleme mit margin-top haben.
 
Zurück
Oben