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.

Elements changing position when opening a new tab in a browser

Featured Replies

Hi Guys,

 

Wondering if anyone can help.

 

I am styling a asp.net web application with CSS and everything appears fine until i open another tab in the browser.

When i open another tab the .net controls move down from their position by around 50px. This is happening in both FF and IE. I deleted add ons from both browsers and still have not had any luck.

 

I would be very grateful if someone could help me out.

 

Thanks.

Wow, that's a very bizarre problem! Could we see a demo of this page so we can further diagnose the problem and try and offer a solution? It's hard to understand something when we can't see it.

  • Author

Hi Rachel,

 

Thanks for your prompt reply and yeh its very strange. I have tried to search google and try to find similar problems but have not had any luck.

 

I am afraid that I cannot run a demo as the developer of the software has asked me not to show it to anyone as he said its one of a kind and wants to keep it behind closed doors, he just wants me to style it for him.

 

If i post the CSS up, would that help? Could it be the positioning?

It's possible it could be the positioning, but... it still sounds bizarre. CSS doesn't really have control over what the browser does. o_O

  • Author

ok so the tab issue is now resolved but when i "restore down" the browser window, all the controls move :|

 

anyone know what this could be?

What caused it?

 

That's what we're trying to work out.

 

If there are absolutely positioned elements and stuff, then these might have a bit of a hiccup when the window resizes. Refreshing should sort it though. :)

  • Author

Ok these issues are now sorted..

 

The tab issue I have NO clue why this happend. I uninstalled all add ons and uninstalled FF and then the problem just seemed to disappear. Very strange.

 

The moving elements problem was because the parents position was set to absolute instead of relative. School boy error, i know..

 

Anyways thanks for trying to help Rachael and Mesa to an extent lol

 

Cheers

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.