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.

DIV positioning and wrapping.

Featured Replies

Hi All,

 

I would really appreciate some help with a problem with a liquid design on:

 

www.hvweb.co.uk/aw/VTS

 

If the browser is resized then the DIV-content starts moving. I have tried all that I can and can;t seem to fix it.

 

Please help.

 

Regards,

 

Jack

Hi All,

 

I would really appreciate some help with a problem with a liquid design on:

 

www.hvweb.co.uk/aw/VTS

 

If the browser is resized then the DIV-content starts moving. I have tried all that I can and can;t seem to fix it.

 

Please help.

 

Regards,

 

Jack

 

 

Your CSS file looks all over the place... hard to figure out the layout.

 

But try this changing the width of #content to something like 500px in your CSS file :

 

Ie as highlighted below :

 

#content {

 

overflow: hidden;

 

width: 500px;

background-color: #fff;

 

height: 420px;

 

float: left;

 

font-family: "Lucida Grande" , "Segoe UI" , Arial, Helvetica, sans-serif;

 

font-size: 12px;

 

}

 

 

Good Luck

 

Pointze

  • Author

Hi - thanks for that!

 

Yes - sorry - learning CSS and so it's abit of a jungle!

 

Also your hint about the width helped! I think it was 1 or 2 pixels over which then caused it to wrap around! A very useful error for me to learn from.

 

Ta

 

Jack

 

Your CSS file looks all over the place... hard to figure out the layout.

 

But try this changing the width of #content to something like 500px in your CSS file :

 

Ie as highlighted below :

 

#content {

 

overflow: hidden;

 

width: 500px;

background-color: #fff;

 

height: 420px;

 

float: left;

 

font-family: "Lucida Grande" , "Segoe UI" , Arial, Helvetica, sans-serif;

 

font-size: 12px;

 

}

Good Luck

 

Pointze

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.