Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

h1 prob in IE

Featured Replies

Hi,

 

Does anybody have any suggestions on what i can do to resolve the IE problem in the attached file. I've also included a visual on how it should and does look in FF

For some reason the header is creating a gap between the words and shifting one of the words to the line below.

 

Thanks for any help

 

Ross

post-12582-125820383955_thumb.jpg

post-12582-125820384651_thumb.jpg

Where IE is showing

Approved..........Driving

Instructor

 

it looks as if the h1 tag has text-align: justify; which spreads out words to stay at the sides, but whereas Firefox can fit three words on the line, IE has run out of space for three words so it just shows two spaced out.

 

You definitely have text-align: justify for the text below, so the style may be in the body style if it's not in the h1 style. If you want to leave the body style with text-align: justify, add text-align: left; to h1 style and make sure there's enough width.

 

If there is text-align: justify; in the h1 style; make it text-align: left; and wider or reduce the font-size a little.

  • Author

Yes that's it. When i started on the code i applied a generic text-align: justify to the entire div and that's what caused the problem. I didn't start checking in IE though till i was near completion. I've spent so long trying different things and searcjing through my code but never spotted that.

 

Thanks Wickham

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.