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.

Broken Layout, Help Appreciated

Featured Replies

Morning,

 

I admit, I'm a complete novice when it comes to web design, however I'm trying to create a basic website for a charity which I am a trustee of.

 

Was wondering whether somebody would mind taking a quick look at where I've gone wrong?

 

The website address is http://www,lewisedgethebrighteststar.org.uk

 

 

The homepage appears roughly how I'd like it to, however if you go to http://www.lewisedgethebrighteststar.org.uk/about.html you'll see that everything has pushed out to the very edges of the page, losing the white border from the homepage.

 

 

I'm sure it's something simple, maybe I've deleted a tag or added in an incorrect tag, but can't figure it out! :(

 

 

Any help very much appreciated. :)

 

 

Many thanks,

 

 

Ps. Please forgive what I'm sure is VERY untidy and poor code...I did say I was a novice!

First, check for errors here http://validator.w3.org/

 

It shows 14 errors and 3 warnings including end tag for element "div" which is not open. Then post again if you still have a problem.

Edited by Wickham

  • Author

Thanks, is that extra end tag likely to be causing the issue?

 

I've run it through the validator and am getting the same result - It's saying that the extra end tag is on line 105, but I only have 104 lines of code?

  • Author

Have got rid of the extra div tags, but when I try to correct things like -

 

"End tag for "li" omitted" by inserting an end tag, it then tells me that there's an extra end tag for an element which is not open...

The LI/UL errors are being thrown up because it doesn't like the <br> statements between them.

 

As for the layout. If you compare your front page to the one that doesn't work you use a class="center" to achieve this but you're not doing so on the About page. Work through your DIVs to make sure you have things as expected.

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.