Excess space on bottom of text boxes when viewed using Chrome vs IE9

  • 0
  • 1
  • Question
  • Updated 7 years ago
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

Why do some of my text boxes appear differently when viewed on Chrome vs IE9? When using IE9, my index page http://www.callhomesupport.com/index.... looks fine. When viewed using chrome there are spaces at the bottom of some boxes. I have to use layering to cover up the excess space.
Photo of Benjamin9621

Benjamin9621

  • 180 Points 100 badge 2x thumb

Posted 7 years ago

  • 0
  • 1
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
Hi There!

Viewed in Firefox you have some overlap with the colored rectangles. Without seeing how you have set up the page I'll just give you some things to check.

If the size of your text box isn't long enough it will cause the box to drop, thus creating extra space. Give the text boxes a little bit of breathing room between the last letter and the end of the box.

If you are using the option to create a text box with a background and/or border they will often insert extra padding and thus extra space. You're better off creating just a text box and then adding a colored background (using the rectangle tool).

If you use bullet lists or numbered lists these too will often create extra padding.

Jamming things up too closely can also create spacing issues so try not to set things too close together.

Hopefully you'll find the answer there! Sometimes, due to the differences in how browsers read the code you just have to keep fiddling until you find the spacing, etc. that works across the major browsers and that you can live with.
Photo of Mike F.

Mike F., Alum

  • 184,718 Points 100k badge 2x thumb
Benjamin, let us know if you still need help. If you still notice the inconsistent spacing on the different browsers, I think the best resolution is to do as suggested above, and just give the text at the end of the boxes a little extra room.

If you still have problems let us know.

Thanks!
Mike
Photo of Benjamin9621

Benjamin9621

  • 180 Points 100 badge 2x thumb
Mike,
Thanks for the response. I did end up using rectangles to create background color for text boxes and it worked much better. However, it took longer to do because you must consider how layering affects the text and other surrounding content.

Also, future edits will take longer (due to the layering issue) vs being able to control background color from within the text box itself. That would obviously be the desired method. In any case, thanks for the help! It did correct the problem.

This conversation is no longer open for comments or replies.