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.

css content areas, borders and expanding images

Featured Replies

Hi there, I am relatively new to css and webdesign really and was wondering if anyone would be able to help me solve my issue :D

 

I am currently building a site for a cms and so far I have made the header and I am now tackling the content areas.

 

 

What I have done so far:

 

I have made a content wrapper - inside this, I have 3 images - the left border, the "center content area" and the right border.

 

 

What I wanted was that as the central content area expands as more news articles etc. are added, the left and right borders also expand to fill the gap, so that the 3 images end up the same height as the content wrapper.

 

 

Here is the site containing my current progress:

 

http://testing.elitestrikeforce.com/first_...test3/e107.html

 

so what I need is for the left and right borders to fill up to the height of the content wrapper as the main content area increases in size causing the wrapper to expand.

 

 

I hope I have explained this well enough.

 

The code is all visible with view source so I won't fill this forum with it :D - I would also be very grateful if people would critique the code and css etc. as I am keen to learn as best I can, and as correctly as possible.

 

Many thanks in advance for any assistance you are able to give me,

 

Zed.

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.