CSS Float & Breedte Issues

CSS Float & Breedte Issues

Wanneer Webdesigners implementeren website lay-outs, kunnen ze een verscheidenheid van Cascading Style Sheet of CSS, onroerend goed, met inbegrip van de breedte gebruiken en zweven Deze eigenschappen bepalen de zichtbare ruimte elk HTML-element op een pagina inneemt, evenals hoe deze elementen ten opzichte van zijn opgesteld om elkaar Elements kan drijven naar links of rechts, zodat andere elementen op dezelfde horizontale lijn binnen de pagina te bezetten

Onjuiste Totalen

Een veel voorkomend probleem ontstaat wanneer Web ontwerpers gebruiken percentage of vaste waarden om de breedte van de HTML-elementen te geven door middel van CSS Als een element breedte verschijnt als een percentage in CSS, dit percentage weerspiegelt hoeveel van het bovenliggende element dit element inneemt Vaak ontwerpers vergeten rekening houden met opvulling, marges en grenzen bij de berekening van zowel de percentages of vaste metingen, waardoor de resulterende pagina-elementen lijken te worden opgegeven als bezetten meer dan 100 procent van het bovenliggende element, die natuurlijk veroorzaakt layout fouten Een goed begrip van het CSS box model is van groot belang om dit probleem te vermijden

Opheldering

Soms is een ontwerper wil een aantal elementen op een pagina te zweven, maar niet alle webdesigners vaak gebruik van de CSS duidelijke pand in combinatie met de vlotter en de breedte eigenschappen om dit probleem aan te pakken Als CSS-code schrijft voor dat een element moet wissen, deze stopt andere elementen uit drijvend op dezelfde horizontale as als het Clearing stelt daarom ontwikkelaars HTML-elementen die niet gedreven te maken, maar onmiddellijk die optreden voor of na FLOAT elementen, de vaststelling van een gemeenschappelijk probleem met de pagina-indelingen

Vaste Waarden

Pagina ontwerpen die zich aanpassen aan verschillende gebruikers schermformaten maken, veel ontwikkelaars kiezen relatieve waarden bij het instellen breedtes, in combinatie met vlotter eigenschappen Hierdoor kan de browser om de elementen op een manier die past bij de gebruiker scherm CSS-code kan optioneel dicteren breedte met behulp van vaste regelen waarden, bijvoorbeeld door het specificeren in pixels Sommige ontwikkelaars gebruiken deze techniek omdat het een inrichting die zich voordoet op een meer voorspelbare wijze, maar noodzakelijkerwijs maakt paginaontwerpen moeilijker te geven en ermee voor sommige gebruikers

Instortende

Element instorten kan fouten veroorzaken bij breedtes en praalwagens verschijnen in CSS-code Als een ouder element bevat alleen dreef onderliggende elementen, de hoogte van de ouder element kan dus instorten, dat het lijkt kleiner dan de elementen erin De ineenstorting wordt vaak een probleem als het ontwerp impliceert achtergrondkleuren of afbeeldingen, omdat deze de volledige achtergrond gebied voor het element in kwestie niet bezetten Om dit probleem te voorkomen, sommige ontwerpen duidelijk het laatste element binnen het element dat aan het instorten is, zodat de browser correct interpreteert de volledige hoogte van het bevattende element

1

Commentaren - 0

Geen reacties

Voeg een Commentaar

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Tekens over: 3000
captcha