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.

Banner not full length

Featured Replies

Can anyuone have a look at www.davidcook.me/contact.html

 

the contact banner should stretch across the page it does on other pages but not on this,

can anyone tell me why

If you mean the narrow skyblue line under the menu, it does stretch across my window at 1366px resolution as #header has no width and has the border-bottom.

 

However, I notice that the Contact tab drops down below the other three, you need to increase the width of .menu to 470px;

.menu {width:470px;/*450px;*/ float:right; margin-top:30px;}

That works with my default text size, but if text size is increased (only text, not zoom everything) the contact tab will drop again because you haven't fixed the width of the li style; but I would probably leave it as it is as I think most people would use zoom which enlarges the div as well as the text size.

Edited by Wickham

You are missing a closing </div> for the <div class="ContentArea"> after <!--#Header -->, hence the footer is inside this div which has a width of 960px, rather than 100% of the screen width.

 

Add </div> on line 111, before </div><!--.ContentArea --> that should solve the issue

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.