Help with element position fixed on the screen, with a difference to follow!

Hi guys

While I don't have any examples online, it will be easier for you and I want to help explain my layout.

I have a single page site, with 4 sections vertically. Each section is a div to 100% width and a height of 1200px to fill screen of the user, and obviously, this div contains a lot of divs for content.

Now in a section, I want my navigation bar to ADOPT the screen as it scrolls down but does not scroll in the section located below or above it. So I put the item Nav to have this CSS code:

.hostingBackgroundWrap .nav {}

Width: 150px;

height: 100px;

float: left;

position: fixed;

left: 0px;

background-image: url(images/td_bg3.png)

It works ALMOST well. It follows the screen down, he won't go in the section below when I scroll down... but it spread in the previous sections if I scroll to the top of the screen.

Here is the CSS code for the .hostingBackgroundWrap just in case it is necessary, which is be more or less the same coding for each of the sections above and below.

{.hostingBackgroundWrap}

height: 1200px;

Width: 100%;

background-repeat: repeat;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: thick;

border-left-width: 0px;

border-bottom-style: solid;

border-bottom-color: #30312F;

background-image: url(images/bg_hosting.jpg);

position: relative;

Thank you!

Can you please put to the top of your file online on your server and give us a link?

What you want to achieve is called a "post-it". There is a pure jQuery plugin that will do just fine for your needs. Take a look here: http://labs.anthonygarand.com/sticky

Tags: Dreamweaver

Similar Questions

  • Satellite L885-122 - rear left of fixing of the screen broke

    I recently bought a laptop Toshiba L855-122. And it works really well.
    But ive noticed something whenever I try to close the screen, a small part of the connection between the screen and the main laptop stands, ive already tried it rebonding with a screwdriver, but does not seem to solve the problem. Also, when it is closed and I switch the laptop I hear the sound of a small particle somewhere in the laptop.

    This fits the title of the standard warranty? or is this a known problem?

    Yours Sincerely

    Eszter

    Hi O'AHU

    Please don t waste your time thinking what to do and contact the nearest Toshiba service provider as soon as possible.
    I put t know where you live but the addresses and phone numbers you can find on Toshiba support page http://eu.computers.toshiba-europe.com/innovation/generic/ASP_SUPPORT/

    Make a call, to explain the situation and I m that they will help you with this.

  • Blue error screen need to fix has the screen 4 times in 24 hours

    receiver code 0x0000007f and 0x0000000d referring to name of file lvckap.sys
    Also the code 0x0000007e, 0xc000008f, 0xede5549c, 0xec373b08, 0xec373804, with the name lvckap.sys, hal.dll and ntoskrnl.exe I want to solve this problem so that the screen no more files.

    Since my post, I found this program.  I now use a program.  It is very useful.  It's a freeware.  It's called NirSoft BlueScreenView.  Here is the site for more information.  http://www.NirSoft.NET/utils/blue_screen_view.html I have it on my pc.  I've found no more than any other malicious software on it.  It is compatible 32-bit and 64-bit.  If you want to download it, scroll to the bottom of the page, under the comments section.  You will see links to download 2o.  1 to download a zip file either to download the configuration file.  I find a great help because I don't know how to "read" the blue screens.  It highlights the drivers in pink that caused the blue screen, so you know what to the difficulty.

    Sorry that I haven't posted this reply earlier, I have somehow forgotten that I did since I found the program.
    If I remember correctly, if your logitech webcam, but check with the program I mentioned to be sure.
    I can't watch this accurately minidump file more.

  • Help - floats and positioning fixed

    How can I create a #header div tag
    within the #header div tag I want a floating to the left and content IMG floating right

    so, I want this #header entire div tag fixed a position. If the header is fixed while the spectator is scroll down the Web site.

    Then I need to restore the normal document flow so that the next #mainContent div tag is good to go.

    Ive tried a few things but Ive have had no luck

    I have a #header div, inside this #header I have a DIM. This IMG is not in a div tag, I float to the left image.
    Then I have a paragraph that is also in the #header, but after the IMG. I'm floating the paragraph to the right, like this
    #header p
    float: right

    How to have a tag div #header
    in this div tag is a left floating IMG and floating paragraph right, I text-align the content item to the right.

    the header seems to be decent, img completely to the left and the content of the paragraph all the way to the right...

    now, I want to FIX the position this div #header set. I want the content of the IMG paragraph to stay fixed in the positions that they are at the moment.

    I went to my CSS for the div #header and position: fixed

    He screwed up the layout.

    Many thanks for any help, I can get on it

    -James

    Try this CSS-

    {#wrapper}

    background-color: #D6D6D6;

    margin-top: 0px;

    margin-right: auto;

    padding: 0px;

    text-align: left;

    Width: 770px;

    margin-bottom: 0px;

    left margin: auto;

    min-height: 600px;

    position: relative;

    }

    #header {}

    background-color: #096;

    margin: 0px;

    padding: 0px;

    overflow: hidden;

    position: fixed;

    Width: 770px;

    height: 150px;

    }

  • 13 elements PhotoShop image overwhelms the screen

    How can I reduce the size of the 13 items when it comes to the screen? I want to drag and drop to the desktop, but elements occupies the entire screen so I don't see what is on the desktop.

    What operating system do you use?

    You just have to be able to grasp the lower right window 13 pse and drag to make the 13 smaller pse window.

  • Keep the PC sleeping positions, but dim the screen instead? (Like the Xbox 360)

    I have my Xbox 360 console and my Windows 7 computer attached to my Philips monitor.

    Whenever my computer goes to sleep after inactivity, the screen goes of course to sleep
    which translates as my Xbox 360 restarting and going weird, until the monitor wakes up.
    I know that I can prevent my computer from falling asleep, but I don't know how healthy it is for the PC.
    A screen saver would work for this?
    In addition, what would happen (and how long would it take) if I forced my pc to stay awake forever?
    Like, what's the worst that can happen?
    Thank you.

    I have my Xbox 360 console and my Windows 7 computer attached to my Philips monitor.

    Whenever my computer goes to sleep after inactivity, the screen goes of course to sleep
    which translates as my Xbox 360 restarting and going weird, until the monitor wakes up.
    I know that I can prevent my computer from falling asleep, but I don't know how healthy it is for the PC.
    A screen saver would work for this?
    In addition, what would happen (and how long would it take) if I forced my pc to stay awake forever?
    Like, what's the worst that can happen?
    Thank you.

    Unless you have a few problems of heat - it probably won't affect the machine simply use a screen saver.  There are a lot of machines out there who have been in years--perhaps decades.

  • File copy/delete dialog box is off the screen in a staggered multiple follow Setup

    I'm on Windows 8 on a ThinkPad W520 with a 1920 x 1080 screen and a secondary antibody NEC LCD2070NX 1600 x 1200 display connected via DisplayPort. The NEC is positioned to the left of the ThinkPad and raised higher than the ThinkPad display; the bottom of the NEC is near the center of the left edge of the ThinkPad.
    I put to the top of the poster in the Panel to take account of this arrangement:
    If I have a window of the Explorer of files open in the secondary monitor on the left and use this window to copy or remove some large files or folders, the progress dialog box is not visible. It is currently displayed in the "man no of land" above the main monitor and the secondary screen.
    The problem occurs when the secondary monitor is on the right, or above or below the primary. (I have tested some of these cases, but not completely). Also, this does not happen when the Explorer window is on the primary monitor. The problem does occur at all on Windows 7.
    Here's a film that illustrates the problem. For each image, I copied a large directory on the network and took a screenshot to display side by side and move the secondary display up to about 120 pixels in the control panel every time. You can see how the copy dialog box follows the secondary monitor vertically, but her left side is pinned to the left edge of the main screen, so he ends up disappearing from the screen.
    It is easy to see what is happening here: Explorer normally centers the dialog box of progression on the same screen as the Explorer window that opened the dialog box. This does not work as expected in the direction, but on the axis X to the left edge of the dialog box's get pinned to the left edge of the main screen.
    As the corner at the top left of the primary monitor is always (0,0), it acts as if the dialog box was positioned like this pseudo-code:
    monitor = getWindowMonitor (feed)
    dialog.centerOnMonitor (monitor)
    If dialog.left< 0:="">
    Dialog.Left = 0
    When the dialog box is off the screen, it's a bit disturbing, because it makes the impression that the Explorer window is locked. The only way I know to make visible the dialog box is with this exercise of the superpowers of keyboard shortcut:
    1. use Alt + space to open the system menu of the dialog box. The menu will open on the screen no matter where is the dialog box.
    2. Press m to move (or click on move).
    3. you will see a four-headed mouse cursor, just to fool you into thinking the mouse could do something now. It will not!
    4 instead of this, you have to hit any key of the arrow, which begins the displacement of the dialog box.
    5. now you can use the mouse (or the puree on the arrow keys) to move the dialog on the screen.

    A bit of good news...

    I just tested this on the latest version of Windows preview 10 technical, and it seems to be fixed.

  • Could someone please help with two differences between CS and CS4?

    Hello, I have just moved from Photoshop CS to CS4 and have a few questions about the differences I see in both versions.

    (1) for the opening of files, I'm used to open them in a smaller view like the individual windows.  CS4 open all the images in the expanded view.  Is there a way to avoid this?  I create massive sports photo (often more than 100 images) galleries generally open 25 to 30 images at the same time and minimize all images and work on it at the same time in chronological order.  It was CS4 open these images in full screen, it prevents me from doing this within a reasonable time - PS never opens a group of photos in a true chrono order.  He lost the first frame at the end.

    (2) to the CS, I used to power the mouse right click on the title bar of the image to change the image and canvas size.  Is it possible to get it works in CS4?  CTL + ALT and I or C is a process of three keys and takes considerably longer than right click of my mouse and choosing the correct option.

    Thanks for any help you can provide.  And apology for have such a beginner to the latest and greatest version of Photoshop.  I lived in CS years

    Mike

    Photoshop CS4 preferences > Interface gives the option to "Open Documents as tabs". If checked, this option opens in view 'tab' in which the image occupies the entire screen. Uncheck the option opens in "floating" mode, which allows multiple images to be displayed to the screen. What is the mode opens, you can switch to the other via the window > reorder the options 'Float in the window' or its opposite "consolidate all windows." Another way to switch tabs floating mode is to drag the title bar of image in the display area. Similarly, you can move from floating tabbed by dragging the title bar in the area of the tabs.

  • Can you help to solve my Firefox? The screen is black.

    When I try to open Firefox, it opens just a solid black screen. I tried to uninstall and then reinstall. Reset. So far, nothing works. Google chrome and internet explore are fine but Firefox a bad shot. Can you help me please?

    Posted by phillip in other threads of support
    Hello, other users with this problem all had a card intel integrated graphics hd with a former current driver. in case this applies to you, here would be a link to update the driver, which in turn, should also address the problem of firefox black.

    Intel HD 2000/3000:
    32-bit https://downloadcenter.intel.com/Detail_Desc.aspx?DwnldID=23763
    64 bit https://downloadcenter.intel.com/Detail_Desc.aspx?DwnldID=23764

    Intel HD 4000:
    32-bit https://downloadcenter.intel.com/Detail_Desc.aspx?DwnldID=24328
    64 bit https://downloadcenter.intel.com/Detail_Desc.aspx?DwnldID=24329

  • Pavilion dv6: computer HP pavilion laptop does not start and I do not see the screen because it's broken

    I have the HP pavilion computer laptop windows 7 and I broke the screen about a year, I can't see the start menus. I have been using an external monitor and it has always worked well, but now I can't see how to fix my computer to boot.  I did a hard boot but nothing happened, and with a broken screen, I can't see any of my options on how to fix it.  It does not start.  Looks like it is, but because I don't see the menu F8 or Boot, I can't call themselves that the screen can be done.  Help, please.

    Hello @SPKaler,

    Welcome to the HP Forums, I hope you enjoy your experience! To help you get the most out of the HP Forums, I would like to draw your attention to the HP Forums Guide first time here? Learn how to publish and more.

    I read your post on the issue with the laptop won't start does not and wanted to help you!  I understand that the screen is damaged and you are using the external monitor to view the screen.  However, now that the laptop does not start, you can see is more of the external screen to see what is happening.

    From my understanding, you should not be able to see an image on the external monitor, until you start the operating system.  You can try to perform a system restore by using this document:

    HP computers - performing a recovery of system HP (Windows 7)

    You may be able to follow along, long enough until the image is displayed on the external monitor.  Otherwise, you can contact HP support by phone, for additional options.

    Please let me know if this information helps you solve the problem by marking this message as 'accept as Solution', this will help others easily find the information they seek.  In addition, by clicking on the Thumbs up below is a great way to say thank you!

    Have a great day!

  • the screen of my iphone 6 (under ios10) freeze.

    my iphone screen 6 (under ios10) freeze everything using the bluetooth connection and take pictures. Need to reset to get it

    Hello captainmat,
    Thank you for using communities of Apple Support.

    I understand your message that your iPhone 6 is running iOS 10 and there are times when you're using Bluetooth and take pictures the screen freezes. I know how it is important for your iPhone to work properly using Bluetooth and take pictures. I recommend to use the steps in the following article to help resolve this problem:

    If the screen of your iPhone, iPad or iPod touch does not respond to touch

    Check your touch screen

    Make sure your hands are clean and dry, then try the following steps:

    1. If you have a case or a protective screen on your device, try removing it.
    2. Clean the screen with a soft, slightly damp, lint cloth.
    3. Unplug your unit.
    4. Restart your device. If you are unable to restart it, you can force restart your device.

    If your touch screen is still unresponsive as it should, contact the Support technique Apple or make your tablet in an Apple Store or Apple authorized service provider.

    Adjust your settings for tactile 3D

    If you have an iPhone 6s or later that does not properly respond to tactile 3D press, you can adjust the settings:

    1. Go to settings > general.
    2. Click Accessibility > Touch 3D.
    3. Then set the sensitivity of the setting.

    Best regards

  • keyboard leaves traces on the screen on the Satellite A100-847

    Hello

    from time to time I notice the traces on the screen keyboard.
    They resemble thin vertical lines, which can be cleaned for the moment.
    I'm afraid it will be sooner or later become printed on the screen.
    Is it possible to fix it?

    Thank you.

    Hello

    May I ask what phone do you use?

    I m, an owner of 3 different notebooks and something like this is not uncommon.

    When I m deceased travel I always insert a lint cloth between the capitals and the keyboard.
    It helps me to take care of the screen.

  • My mouse has frozen on the screen - what do I do?

    My computer was working OK.  Then the cursor froze on screen.  I couldn't shut the computer down and so just shut doen the power.  I turned on it once again, but the cursor is always fixed on the screen.  The light on the mouse.

    Any suggestions?

    Thank you very much

    L

    My computer was working OK.  Then the cursor froze on screen.  I couldn't shut the computer down and so just shut doen the power.  I turned on it once again, but the cursor is always fixed on the screen.  The light on the mouse.

    Any suggestions?

    Thank you very much

    L

    I have an Acer Intel S5 with Windows 7 installed. I had the same problem, that my mouse touchpad & screen FROZE. I couldn't even turn off the power. I did a Google search & followed all instructions to fix the problem, but none of them worked. All was not lost. I just waited the battery to impoverish & the computer is off. I then plugged the power supply & noted AMBER light, showing that the power was connected load. I continued my work on my desk, & after a few hours, noted the amber light goes out & turned BLUE, having shown that it is fully charged. I had no problem if the laptop is turned on by the normal method, & all systems, touchpad mouse was working 100%.

    Hope you find it useful. Give it a try & put your comments on this site or on Facebook. Cheers, Lionel. "down Under, Perth WA.

  • How can I disable the screen saver when you run apps fullscreen.

    Using vista 64 bit and I cannot figure out how to disable the screensaver for the apps full screen.   I don't know how to WMP, but when you watch a video fullscreen online he goes to the standby.   Used to be able to do it with xp.

    Hello deadeyea09,
     
    Welcome and thank you for viewing on Microsoft Answers - Vista Community Forums!

    We need more information to be able to help on this issue.

    1. what applications are fullscreen you use?

    2. which site we use to play video online?

    Options to disable the screen saver need to have within this player in particular, watching movies online, if there is no option to turn it off, then we need to turn off the screen saver manually. Please follow the instructions below to turn off manually:

    1) click Start and then click Control Panel

    2) click on Customize

    3) click on screen saver

    (4) select NONE under screen saver

    5) click apply and close the window

    Please let us know if it helps.

    Thank you and best regards,
    Diana D
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • How can I stop my computer to go to the screen saver when I for example runs a scan of the computer, sometimes my scan takes a long time to finish?

    My problem is? How can I stop my computer to go to the screen saver when I for example runs a scan of the computer, sometimes my scan takes a long time to finish? Example I have Microsoft Security Essentials set allow to run daily on 1200 AM and until he finishes my computer goes to screen saver Mode. and when I click on my mouse, I must sign completely new in my computer > how to stop this from happening, I want to keep my Security Scan open until there finishes?

    All the solutions for this?

    Original title: Windows Vista systems

    Hello

    This can help you:

    "Enable or disable the screen saver.

    http://Windows.Microsoft.com/en-us/Windows/turn-screen-saver-on-off#1TC=Windows-Vista

    And this is how do to change the time to wait before the screensaver comes on (article 8) and how to disable the password to logon to him (art. 9):

    http://www.Vistax64.com/tutorials/85539-screen-saver.html

    "How to disable or enable Protection by password on Wake Up in Vista"

    http://www.Vistax64.com/tutorials/102686-password-protection-wakeup.html

    See you soon.

Maybe you are looking for

  • Ad virus connected to the Firefox files?

    This virus attacked me last time and the only solution was to restore my computer to factory conditions. Almost a year after I restarted my computer, the virus attacks again. The virus infects my Firefox browser by putting ads everywhere. If I click

  • How to close the annoying password manager?

    I don't like it or like it. As their name suggests, it is not discreet. It's always getting in my way.

  • Satellite Pro A60 white screen

    can anyone helpMy cat walked in all key areas and caused all of the programs to close. When turned on again all I get is a white screen

  • I'm having a problem with the decryption of incrypted images...

    I have a problem and I need help... kindly, if anyone knows solution tell me please... the problem is I have encrypted my file of my personal photos then my windows has been corrupted and I installed the new window, but now I can not access these ima

  • No device detected, during

    On 7 x 64, the system sometimes fails to detect ("not recognized") any USB device at all, connect fees, or a reboot when they were detected.  There was a problem of adjustment, but I'm not sure which one or a group of parameters, improved the situati