Vraag : De grenzen van de pagina variëren door breedte in verschillende browsers - CSS

Hallo experts

Let me begin door te zeggen dat ik een redelijk inzicht heb in wat de stijlen in vrij standaardCSS indienen doen, maar ik ben verre van ervaren in dit gebied.  I „erfte binnenkort“ een website nadat de professionele Webontwerper begon het met een paar pagina's maar anderzijds moest ophouden met.  Het is een plaats voor liefdadige doeleinden, zodat is het geen kwestie die zaken onderbreekt, maar een paar dingen luisteren me af dat ik geen zekere hoe te fix.

I verkoos ben om de algemene paginalay-out te verlaten zoals was begonnen omdat ik van de algemene verschijning hield.  Het probleem is dat ik denk pro wat buitensporige Web het uitgeven software had gebruikt terwijl ik meer aan uit enkel het bonzen van pagina's in Microsoft Frontpage 2003 word gebruikt, zo wanneer ik verander of iets schrap schroeft het vaak een ander beetje omhoog van de bestaande code van HTML achter de scènes zonder het onmiddellijk duidelijk altijd te maken.  Ik heb omhoog heel wat het schrijven van de inhoud in een tekstredacteur om this.

Anyway te vermijden gebeëindigd, heb ik de functioneel en enkel ongeveer zo volledige plaats aangezien het moet zijn.  Ik weet er sommige gebieden die beter een gehele partij zouden kunnen zijn zijn, is het waarschijnlijk verre van volgzame code, maar in algemeen kijkt het O.K. aan me.  Ik heb werkelijk de tijd om geen kinderachtigheden te bevestigen of te proberen om het volgzaam geheel te maken en het zelfde in alle browsers precies te laden. is het hoofdding

The dat me werkelijk ergert, en alle ik werkelijk wil is proberen en bevestigen, dat de paginagrenzen die ik met de plaats heb geërftj verschillende breedten in D.W.Z. zijn dan zij in andere browsers zijn ik de plaats with.

http://www.c2cr2c.com

Behaviour ben veel het zelfde in IE7 en IE8 heb getest, maar zoals u van screenshot van gelaagde browsers met de zelfde open pagina zult zien, zijn de grenzen in D.W.Z. beduidend smaller dan zij in Firefox, Chroom, en Opera zijn.  Ik houd van de breedte aangezien het in D.W.Z. toont, en in feite knoeit de bredere grenzen in andere browsers omhoog de lay-out van een aantal elementen in verscheidene pagina's zoals beelden die uit het recht op border.

Note hangen dat ik de venstergrootte van browsers verminderde om screenshots aan een handelbare grootte voor neer te worden hier, zodat ziet eruit het embleem bij het hoogste linker en veranderende beeld bij het hoogste recht alsof zij tegen elkaar bonzen.  In de juiste met maat vensters is de scheidingsafstand bl " >

IE-Page-Border-Difference.jpg (316 KB) Page in (achter) IE7 heeft grensbreedten die ik heb willen om in andere browsers

The- pagina's allen gebruikt het zelfde CSS dossier dat stijlen op het gehele paginagebied, de kopbal, de navigatieknopen, het lichaam, de inhoud, en footer toepast.  Geen twijfel zal u een blik bij de daadwerkelijke code in het index.html dossier en het CSS dossier hebben dat van de plaats laadt, maar ik heb een skeletHTML- dossier vastgemaakt en een CSS dossier die de relevante Code van stijlenused.

Generic bevatten: van

Example-HTML-Code.txt (3 KB) The plaats met vreemde inhoud ontdeed uit van en generische beeldnamen, etc

Relevant in CSS dossier: van

Relevant-CSS.txt (1 KB) The CSS dossier met ongebruikte en/of herhaalde stijlen removed

I am hopen dat er glaringly duidelijk zijn iets die snel in het CSS dossier kan worden veranderd om andere browsers te maken de paginagrenzen de zelfde breedte tonen zij waarin D.W.Z. doen, en ik zou zeer dankbaar zijn als iemand me kan vertellen wat aan change.

Thanks

Bill

Antwoord : De grenzen van de pagina variëren door breedte in verschillende browsers - CSS

Het eerste ding moet de „breedte van de hand doen: 85%; “ in het „lichaam“ css.  Ik hoop u geen Frontpage gebruikt om dit uit te geven.  

Ook, dit deel van uw markering:

onLoad= " startPix () „; „MM_preloadImages

Zou moeten zijn:

onLoad= " startPix (); MM_preloadImages

De extra dubbel-citaten maken het tweede deel niet werk.