Rullfält används för att ändra placeringen av innehållet som visas i applikationsfönstret, oftast dokumentsidan. Som standard visas de automatiskt i fall där bredden eller höjden på fönstret inte är tillräcklig för att visa hela den öppna sidan. För att bli av med det horisontella rullningsfältet måste du ändra bredden på antingen sidan eller applikationsfönstret där den är öppen.
Instruktioner
Steg 1
Zooma ut på sidan - det här är det enklaste sättet att ta bort den horisontella rullningsfältet när du visar sidan. I vilken webbläsare som helst kan detta göras genom att rulla mushjulet mot dig medan du håller ner ctrl-tangenten. Många textredigerare (till exempel Microsoft Word) stöder också sådan sidzoomkontroll. I webbläsare kan du också använda minustangenten istället för musen. Varje klick eller vrid på hjulet ett stopp zoomar ut 10% tills den horisontella storleken är tillräckligt stor för att visa sidan utan ett horisontellt rullningsfält.
Steg 2
Använd webbläsarens förmåga att manipulera källkoden på en webbsida och ändra visningsstilarna som anges i den för att matcha fönstrets bredd - vissa webbläsare har det här alternativet. Till exempel, i Opera-webbläsaren behöver du bara klicka på ikonen "Anpassa till bredd" och det horisontella rullningsfältet försvinner och kolumnerna på den visade sidan kommer att ändra storlek. Om det blir nödvändigt att återgå till den sidlayout som skaparen angett, klicka på den här ikonen igen.
Steg 3
När du skapar webbsidor använder du CSS overflow-x-egenskapen för att inaktivera vågrätt rullning av hela sidan eller dess enskilda blockelement. Den här egenskapen har introducerats i CSS sedan version 3.0 och stöds av alla moderna webbläsare. Värdena som kan tilldelas den är auto, dold, rullning, synlig. Om den här egenskapen inte anges i stilbeskrivningarna anses den ha värdet auto, det vill säga horisontell rullning ska visas när innehållet inte passar bredden på elementet. Använd det dolda värdet för att inaktivera rullning i absolut alla fall. Till exempel:
body {overflow-x: hidden;}
