Coding-Spot

You are not connected. Please login or register

 
 

problem with floating widgets

Message (Page 1 of 1)


 
Advance Member

Posted on Sun Jun 16, 2013 10:50 am

 
okay so i have used this code before and it worked perfectly, but now it doesn't anymore.
it's just about the widgets covering the forum, i don't know how it displays on other computers, but if i change the resolution on my laptop they start covering the body and i don't know what's wrong.
i added the exact same codes that you, mark, provided me on fm-help and it worked fine before
i have this codes:

Code:
.bodyline{
  border-right: 25px solid #308084; 
  border-left: 25px solid #308084; 
  border-top: 0px solid #fff; 
  border-bottom: 0px solid #fff;
  max-width: 900px!important;
  min-width: 900px!important;
  position: absolute!important;
}
.bodylinewidth {
margin-right: 511px;
}
#content-container div#left {
position: fixed;
top: 0;
left: 5;
height: auto;
  width: 250px;
border-right: 15px solid #3da0a5;
}
so it should work right? but it doesn't and i have no idea what could be wrong



View user profile



 
Advance Member

Posted on Tue Jun 18, 2013 11:14 am

 
bump Happy



View user profile



 
Administrator
Administrator

Posted on Tue Jun 18, 2013 1:24 pm

 
Yep. Resolution of a computer screen might cause the problem.
What's your forum url? Happy



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Tue Jun 18, 2013 1:36 pm

 
this is the test forum: http://testforum.forumotion.eu/ Happy



View user profile



 
Administrator
Administrator

Posted on Tue Jun 18, 2013 1:38 pm

 
Remove this part:
Code:
.bodylinewidth {
margin-right: 511px;
}

Happy



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Tue Jun 18, 2013 1:41 pm

 
okay i removed it, but is there an other way to move the body of the forum back to where it was?



View user profile



 
Administrator
Administrator

Posted on Tue Jun 18, 2013 1:44 pm

 
Add this one:
Code:
.bodylinewidth {
margin-right: 230px;
}

Just play with the 230 value to adjust. Happy



View user profile http://coding-spot.darkbb.com



 
CS Staff
CS Staff

Posted on Tue Jun 18, 2013 1:45 pm

 
You talk about the widgets ? How to move them back ?
Replace
Code:
#content-container div#left {
position: fixed;
top: 0;
left: 5;
height: auto;
  width: 250px;
border-right: 15px solid #3da0a5;
}

with

Code:
#content-container #left {
margin-right: 0;
width: 157px;
}

#content-container div#left {
border-right: 15px solid #3da0a5;
}



View user profile



 
Advance Member

Posted on Tue Jun 18, 2013 2:02 pm

 
mark isn't that the same code? :p

jaques nah i don't want to move them back, thanks anyway Happy

i actually just want to leave the widgets where they are and move the body next to them, like it was before, but i don't want them to cover the forum on a computer that has a lower resolution :/



View user profile



 
Administrator
Administrator

Posted on Tue Jun 18, 2013 2:07 pm

 
Yep but it was adjusted, since you're using 500px which overlap with the widget.

Anyway, just use this one, better with %:
Code:
.bodylinewidth {
margin-left: 24%;
}



View user profile http://coding-spot.darkbb.com



 
CS Staff
CS Staff

Posted on Tue Jun 18, 2013 2:10 pm

 
Replace your boyline with that :
Code:
.bodyline {
border-bottom: 0 solid #fff;
border-left: 25px solid #308084;
border-right: 25px solid #308084;
border-top: 0 solid #fff;
max-width: 900px!important;
min-width: 900px!important;
position: absolute!important;
margin-left: -32px;
}



View user profile



 
Advance Member

Posted on Tue Jun 18, 2013 2:31 pm

 
both of the codes have the exact same result right? i mean i tried them both and it's always just about entering the right pixels or % for it to be perfect, but the thing is that everytime i lower the resolution of my screen everything will just be covering the body and i don't want that and i don't get it why the codes don't work like here: http://oglasevanje.forumakers.com/ you, mark, gave me the codes and here it works just fine since the widgets never cover the body. you can see what i mean if you just zoom in and out on both forums and you'll see the difference :/



View user profile



 
Administrator
Administrator

Posted on Tue Jun 18, 2013 2:38 pm

 
Add this one on your CSS, trust me:
Code:
.bodylinewidth {
margin-left: 300px;
}



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Tue Jun 18, 2013 3:03 pm

 
omfg it worked :o but how, since the codes were the same except for the pixels?
anyways thank you!!



View user profile



 
Administrator
Administrator

Posted on Wed Jun 19, 2013 9:48 am

 
Welcome. Well. Laugh
~ Locked and moved



View user profile http://coding-spot.darkbb.com


#16

Sponsored content


 

Posted Today at 2:33 pm

 





Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None