Sveiki, turiu tokią situaciją, kad pasidariau navigaciją, o virš jos yra paveiksliukas ir jie yra lygiai sūdėti, bet mažinant dizainą naršyklėje (ctrl + mouse whell roll down) navigacija maždaug 2 piskeliais išsiderina. Kaip tai sutaisyti?
Taip be ZOOM :
Taip atrodo su ZOOM + :Matot kraštelis img išlenda...
Kodas:.headline .img {
background: url(../images/sport_motivation2.png) no-repeat;
width: 970px;
height: 350px;
margin: 0 auto;
text-align: center;
margin-top: 5px;
margin-right: 20px;
}
.navigation {
width: 990px;
margin: auto;
margin-left: -11px;
text-align: center;
}
.navigation li {
background: #A51010;
display: inline-table;
width: 242px;
height: 30px;
color: #FFF;
text-align: center;
margin: auto;
padding-top: 10px;
margin-right: -3px;
margin-top: -4px;
border-bottom: #000000 1px solid;
}
.navigation li:first-child {
width: 241px;
background: #8B0E0E;
}
.navigation li:last-child {
background: #8B0E0E;
}
.navigation a {
color: #FFF;
}
HTML: <div class="headline">
<a class="logo" href="#"></a>
<div class="img"> </div>
</div>
<div class="navigation">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</div>
Bėje jeigu pakeitus navigacijos width į tokį patį kaip ir img tai susimala štai taip (kai zoomini):Help?