Padding-Top und FF

[omc]

Hat eventuell nochmals einer Nerven für mich ?

habe noch ein css prob das ich einfach nicht beheben kann.... grrr.

im IE > alles ok
im FF > Links die beiden TITEL der Boxen "EM 2008 News" und "Werbung" - hier will FF das padding-top einfach ganz anders machen als der FF

URL entfernt...

CODE
<div id="main_left">
<div id="main_left_news">
  <h1>EM 2008 News </h1>
  <p>sdfdsfds</p>
  <p>sdf </p>

</div>
</div>



CODE
#main_left {
width: 160px;
text-align: left;
float: left;
overflow:hidden;
padding: 45px 0px 0px;
background-color:#ffffff;
}

#main_left_news {
width: 160px;
text-align: left;
float: left;
overflow:hidden;
background-color: #FFFFFF;
background-image: url(../images/menu_left_160.gif);
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 30px;
}

#main_left_news h1{
position:relativ;
font-size: 12px;
color: #FFFFFF;
text-align: center;
padding-top: 6px;

}

#main_left_news p{
font-size: 12px;
color: #333333;
text-align: left;
padding-right: 10px;
padding-left: 10px;
}



gruss ric

 

[Jürgen Auer]

Ergänze mal sicherheitshalber

body { padding:0; }

zusätzlich zu den anderen body-Definitionen.

Eventuell fehlt da ein vererbter Wert, dann wird Kraut und Rüben dazugenommen.


Edit: Bei der h1-Überschrift, die dafür verantwortlich ist, steht

#main_left_news h1{
position:relativ;
font-size: 12px;

anstatt

relative

Manchmal kann es auch wichtig sein, daß man

position:static;
float:none;

zum body-Element dazupackt, damit diese Standardwerte explizit gesetzt sind.

 

[Philipp Lohberg]

padding wird bei FF und IE (den älteren) unterschiedlich dargestellt

http://de.selfhtml.org/css/formate/box_modell.htm

google nach >Box Model Bug<

Und schau nach der Dokumenttyp-Deklaration.

Ist ein Sch...

 

[DZVO]

1. kannst du textelemente nicht oben und unten einen margin/padding zuweisen.
2. solltest du immer display:inline; setzten bei h1 h2 h3 elementen
3. eine ID darf theoretisch nur 1mal pro page auftauchen
4. würde ich es z.B. so machen
CODE
<div class="box">
<div class="headline"></div>
<div class="content"></div>
</div>


so ob <div class="content"></div> kann man sich eigentlich auch sparen

so dann noch css

CODE
div.box {
width : 150px;
border : 1px solid #FF0;
background-color: #FFF;
background-image: url(../images/menu_rundung_left.gif);
background-repeat: no-repeat;
background-position: top left;
}
div.headline {
background-color: #FF0;
background-image: url(../images/menu_rundung_right.gif);
background-repeat: no-repeat;
background-position: top right;
}


so bei background-position: top right; muss top und right gegebenenfalls gegen negativ-werte ausgetauscht werden.
was eigenltich alle browser unterstützen. und wenn nicht werden die wieso nicht benutzt oder nennt sich lynx

also ich kann dir nur nahlegen die struktur etwas umzubauen weil sonst bekommst du probleme kurz überlang

 

[omc]

danke euch... ich such mal.

ric

 

[omc]

habe die nerven verloren !!!

wenn es jemand korrigieren will, dann kann er sich gerne melden. bezahle per paypal. brauche aber eine rechnung.

ric

 

[MarkusH]

Hi Ric,

da fehlt ein margin-top:
CODE #main_left_news h1{
position:relativ;
font-size: 12px;
color: #FFFFFF;
text-align: center;
padding-top: 6px;
margin-top: 0px;
}

Grüße

 

[omc]

NETTT das wars.

vielen dank.

ric