Stack Overflow
Stack Overflow

Questions tagged [fixed]

Please don't use; the more specific [css-position] or [fixed-point] tags are preferred.

(review to be retagged or , remove otherwise)

1909 questions
815
votes
31 answers

Fixed position but relative to container

I am trying to fix a div so it always sticks to the top of the screen, using: position: fixed; top: 0px; right: 0px; However, the div is inside a centered container. When I use position:fixed it fixes the div relative to the browser window, such as…
Zach Nicodemous
  • 9,097
  • 9
  • 45
  • 68
124
votes
9 answers

Sticky sidebar: stick to bottom when scrolling down, top when scrolling up

I have been looking for some time now for a solution to my sticky sidebar problem. I have a specific idea of how I would like it to act; effectively, I would like it to stick to the bottom as you scroll down, and then as soon as you scroll back up I…
andbamnan
  • 1,285
  • 2
  • 11
  • 8
80
votes
7 answers

HTML table with horizontal scrolling (first column fixed)

I have been trying to think of a way to make a table with a fixed first column (and the rest of the table with a horizontal overflow) I saw a post which had a similar question. but the fixed column bit did not seem to be resolved. Help?
Alan
  • 2,109
  • 5
  • 25
  • 28
77
votes
9 answers

parent & child with position fixed, parent overflow:hidden bug

I don't know if there is an issue, but I was wondering why the overflow:hidden does not function on fixed parent/children element. Here's an example: CSS and HTML: .parent{ position:fixed; overflow:hidden; width:300px; height:300px; …
kirkas
  • 1,749
  • 2
  • 12
  • 22
74
votes
10 answers

Fixed header table with horizontal scrollbar and vertical scrollbar on

I have a problem with html/css sticky header + scrollbars. I am creating a program that requires scrollbars to show up once the containersize reaches a certain point(depending on resolution of the user). I am forcing a min-width on the second column…
Remco Bakker
  • 741
  • 1
  • 6
  • 3
62
votes
16 answers

How to fix a header on scroll

I am creating a header that once scrolled to a certain amount of pixels it fixes and stays in place. Can I do this using just css and html or do i need jquery too? I have created a demo so you can understand. Any help would be…
Paul Designer
  • 845
  • 1
  • 14
  • 21
56
votes
6 answers

How to make a div have a fixed size?

I made a site so when you click the button 30px it changes the font inside the div. I have a ul inside it with the bottons. When I change the size of font the div expands and the nav buttons move with it as well. How do i make it so it stays fixed…
Mike Collins
  • 577
  • 1
  • 5
  • 7
55
votes
14 answers

Stop fixed position at footer

I'm looking for a solution to the popular issue of stopping a fixed object at the footer of the page. I basically have a fixed "share" box in the bottom left corner of the screen and I don't want it to scroll over the footer, so I need it to stop…
scferg5
  • 2,003
  • 5
  • 22
  • 28
55
votes
4 answers

css "fixed" child element positions relative to parent element not to the viewport, why?

I'm developing a wordpress theme, with an isotope grid and where a hover on a post should display its title with a fixed position on the bottom of the browser. I have this simplified structure:
…
R4ttlesnake
  • 1,661
  • 3
  • 18
  • 28
55
votes
6 answers

IE 10 & 11 make fixed backgrounds jump when scrolling with mouse wheel

When you scroll with the mouse wheel in Windows 8 the fixed background image bounces around like crazy. This only affects IE 10 and IE 11. This affects elements with position:fixed as well. Here is an example with a fixed…
ropo
  • 1,466
  • 2
  • 18
  • 29
51
votes
7 answers

How can I fix the form size in a C# Windows Forms application and not to let user change its size?

How can I fix the form size in a C# Windows Forms application and not to let user change its size?
odiseh
  • 25,407
  • 33
  • 108
  • 151
48
votes
5 answers

Disable zoom on a div, but allow zoom on the page (an alternate div)

Is there a way to disable zoom on a div, or any particular elements on a website? For example, if I wanted the page to be zoomable, but not the #Header div, is there a way to make one zoomable, and the other not zoomable? Basically, when you zoom on…
GJDesigns
  • 485
  • 1
  • 4
  • 7
44
votes
18 answers

Fixed attachment background image flicker/disappear in chrome when coupled with a css transform

I am currently doing a parallax website theme. The background images need to be attached as fixed for certain 'div's and 'section's to avoid jquery indulging in everything. The problem was the background images of the tags below any animated item…
BlackPanther
  • 1,732
  • 1
  • 14
  • 19
38
votes
3 answers

Fixed positioning/z-index issue in mobile safari

So the site in question: http://kaye.at/baby The main content below scrolls up over the top of the countdown and under the navigation which are both fixed elements. This works fine on desktop but on mobile safari, the content scrolls behind the…
user1393984
  • 1,319
  • 3
  • 13
  • 17
37
votes
3 answers

iOS input focused inside fixed parent stops position update of fixed elements

The following happens on Mobile Safari iOS 6.1.2 Steps to reproduce Create a position: fixed element with an element inside it. Actual result Input - not focused The position of the fixed elements is correct when input is not…
Valentin Agachi
  • 368
  • 1
  • 3
  • 6
1
2 3
…
99 100