![]() ![]() This isn't the exact answer but a handy trick to work around the issue if your use case makes sense. Margin-left: 420px /* 2x #col2 width + #wrapper padding-left */ Margin-left: -420px /* 2x #col2 width + #wrapper padding-left */ ![]() Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Here is my solution:ĬOL1Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. My fixed container should have the same width as the flexible column. I had a similar, quite complex problem with a fluid layout, where the right column had a fixed width and the left one had a flexible width. FF (at least 13+), IE10+, Chrome and Chrome for Android seem to play nice. ![]() iOS Safari 5+ repaints the clipped content on scroll after scrolling.iOS Safari IE9 does not show the menu under the fold.IE8 shows the menu well, but menu links are not clickable.we cannot set the position of child elements to relative or absolute or use CSS3 transform like scale.ĮDIT: Chrome seems to handle positioning of and CSS3 transforms on child elements a lot better when applying backface-visibility, so just to be sure we added: -webkit-backface-visibility: hidden Īlso note that it's not fully supported by older / mobile browsers or it might take some extra effort. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |