- This topic is empty.
-
AuthorPosts
-
April 18, 2013 at 8:14 am #44214
CarraraWebsiteSolutions
ParticipantHello I would like to know if there is any existing information on Floating Divs Outside of A Container that is 980px that I can read and practice?
Because need to put vertical banners on left and right side out side of the container. If there are any you tube videos on it how to do so please send me link have look at Google nothing im after coming up correct
April 18, 2013 at 8:22 am #132300Paulie_D
MemberYou mean like this? : http://codepen.io/Paulie-D/pen/57ad1e3163d6478406f39f93fec02086
The sidebars are fixed positioned so they scroll with the page.
You could always absolutely position them if required.
April 18, 2013 at 8:42 am #132303CarraraWebsiteSolutions
ParticipantYes. is it OK if I fork it to me. for me to study and practice? And do you know where I can ready how to do it?
April 18, 2013 at 8:44 am #132304Paulie_D
MemberThat’s what Codepen is for. Fork away.
April 18, 2013 at 8:44 am #132305CarraraWebsiteSolutions
Participantdoes w3 schools have it
April 18, 2013 at 8:45 am #132306CarraraWebsiteSolutions
ParticipantJust had tooth pulled so doing study to keep mind off
April 18, 2013 at 12:13 pm #132329bLAZYY
MemberW3 does have it take a look at this
http://www.w3schools.com/css/css_positioning.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed
April 18, 2013 at 12:16 pm #132331Paulie_D
MemberPlease everyone…stop linking to W3Schools.
As has been said many times before a lot of the information on that site either completely wrong or very out of date.
April 18, 2013 at 12:17 pm #132332April 18, 2013 at 9:04 pm #132378CarraraWebsiteSolutions
Participant@Paulie_D have done some tweaking for 980px http://codepen.io/mwbcomputers/pen/urinl
April 19, 2013 at 12:51 am #132391CarraraWebsiteSolutions
ParticipantHello @Paulie_D just have come across this problem for some reason they show up double images in the container as well as the out side? http://www.mwbcomputers.com.au/sub/index.php?route=product/product&product_id=56
April 19, 2013 at 1:35 am #132396Merri
ParticipantUse `.sidebar.left {` and `.sidebar.right {` instead of `.left {` and `.right {`.
April 19, 2013 at 2:52 am #132399CarraraWebsiteSolutions
Participant@Merri for some reason that removed it
.sidebar {
position: fixed;
margin-top: 165px;
width: 10%;
padding: 5px;
border: 1px solid #000;
}
.sidebar .left {
background: url(‘../image/Custom3.png’) no-repeat top center;
margin-top: 165px;
left: 12.9%;
height: 600px;
border: none;
}
.sidebar .right {
background: url(‘../image/Custom3.png’) no-repeat top center;
margin-top: 165px;
left: 76.5%;
height: 600px;
margin-right: 10px;
border: none;
} -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.