To są widoki z czterech przeglądarek:
Firefox 3.6.15
Opera 11.01
IE 8.0
Chrome 10.0.648
Mały czerwony pionowy pasek nad napisem zaznacza odległość górnej krawędzi napisu od górnej krawędzi niebieskiego button. W FF pasek ma wysokość 4px a w pozostałych tak jak powinno być, czyli 3px.
Kod CSS wzięty z Firebuga FF
Kod
#step_button2 {
background-image: url("box3/step/step2.png");
color: #FFFFFF;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
height: 26px;
width: 80px;
}
index.css (wiersz 205)
div {
margin: 0;
padding: 0;
}
background-image: url("box3/step/step2.png");
color: #FFFFFF;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
height: 26px;
width: 80px;
}
index.css (wiersz 205)
div {
margin: 0;
padding: 0;
}
Kod HTML:
Kod
<div id="step">
<div id="step_button">
<div id="step_button1"></div>
<div id="step_button2">
KROK 1/2
</div>
<div id="step_button3"></div>
</div>
</div>
<div id="step_button">
<div id="step_button1"></div>
<div id="step_button2">
KROK 1/2
</div>
<div id="step_button3"></div>
</div>
</div>