IE7: kop bo spyskaart

Question

Ek het probleme met IE7. Ek het 'n kop, wat is 'n IMG. Daaronder Ek het 'n div dat 'n spyskaart verteenwoordig, hulle moet na mekaar sonder ruimte in tussen aangeheg word. Albei is 1000px breedte. In Opera en FireFox die kop en die spyskaart is netjies aan mekaar. Maar in IE7, daar is 'n klein spasie tussen die spyskaart DIV en die IBB. Ek het uitdruklik probeer definieer padding en marge op die IMG, maar dit werk nie. Ek het hierdie probleem voor het, so dit lyk na 'n IE7 flater wees.

My HTML Code:

<div id="middle">
  <img id="ctl00_headerHolder_headerImage" src="pictures/headers/header_home.jpg" style="border-width:0px;" />

  <div id="ctl00_menuPanel" class="menu">
    <a id="ctl00_home" href="Default.aspx" style="color:#FFCC33;">Home</a> |
    <a id="ctl00_leden" href="Leden.aspx">Leden</a> |
    <a id="ctl00_agenda" href="Agenda.aspx">Agenda</a> |
    <a id="ctl00_fotos" href="Fotos.aspx">Foto's</a> |
    <a id="ctl00_geschiedenis" href="Geschiedenis.aspx">Geschiedenis</a> |
    <a id="ctl00_gastenboek" href="Gastenboek.aspx">Gastenboek</a>
  </div>
</div>

Answer 1

Probeer die IE Ontwikkelaars Toolbar, wat sal toelaat dat jy inspekteer wat aangaan met die elemente en gee jou 'n uiteensetting van die gedek gebiede. Dit kan jy 'n beter begrip van die probleem te gee.

Answer 2

Die oplossing:

img {
padding: 0px;
margin: 0px;
display: block;
}

display: blok

Answer 3

Ek loop in hierdie baie. Eerder as jag af die spesifieke gedrag, probeer gesonde verstand nagaan deur uitdruklik opstel padding en marge eiendom te img / div / ens keurders tot 0, stel grens-styl: geen grens-breedte:. 0px border = "0" ens

Internet Explorer Dev Toolbar is 'n moet-hê, maar of dit help jou met die uitzoeken enkel-pixel kwessies is onwaarskynlik.

Answer 4

In plaas van op te stel blok vertoon, daarop te let dat IE7 doen 'n paar ernstig vreemd dinge met witspasie; Probeer die verwydering van die spasie tussen die beeld en die div, en kyk wat gebeur.

Answer 5

CSS Resets (soos die Yui Herstel CSS ) is 'n groot vir hierdie soort ding . Hulle herstel paddings, kantlyne, en ander vertoning eienskappe op 'n baie HTML-elemente om die vertoning verskille te minimaliseer.

Answer 6

  

    

Die oplossing ... display: blok

  

Die vraag kan nie behoorlik beantwoord sonder om te weet die lewering af dat die leser was in; wat jy nodig het om mense wat DOCTYPE jy as jy CSS lewering kwessies vertel. Die beeld gedrag wat jy verwys na verskil in eienaardighede af, in teenstelling met standaarde af. A 'n minimale toets geval moet 'n volle HTML dokument en die CSS om die probleem op te reproduseer in te sluit. Moet asseblief nie mense om hulp vra sonder dat hulle die inligting wat hulle nodig het om maklik te beantwoord sonder om hul tyd te mors ...

Answer 7

Die werklike oplossing:

#middle { font-size: 0; line-height: 0; }