CSS positioning change resulting from resizing brower window -
i have 1 more problem solve before can call first website done, , appreicate of community.
you can see website @ www.dylanbisch.com
the problem trying solve occurs on homescreen between class artdesign
, tumblr-wrapper
.
basically, class "artdesign" contains 2 circular buttons , class "tumblr-wrapper" contains black , white photos on homescreen.
my problem occurs if shrink browers window , try scroll left , right. instead of scrolling left , right across entire page, black , white photos in "tumblr-wrapper" class scroll left , right.
i looking solution stop tumblr-wrapper being thing scroll when brower window small, , create full page left right scrolling.
i hope have explained problem adequately, if need explain differently please let me know.
on line 370 of style.css
, have position:fixed
applied .artdesign
.
im not sure logic putting there exactly, if remove it, page scroll expect.
the fixed position means div fixed , not move (even if scroll), used stick headers , footers top , bottom of pages. (like twitter bootstrap page [notice black header menu along top?.. thats fixed
])
so basically:
.artdesign { /* line 370 of style.css */ float: left; padding: 200px 0 0 10px; position: fixed; /* remove position fixed scroll! */ width: 579px; list-style-type: none; }
Comments
Post a Comment