Back To Website Design Forum

moving box?

  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 1:42 am

I'm having problems with my CSS code, even though it's validated when I visit the site I have a box that moves every time that I move the page down. How can I fix this, I have tried everything.

http://www.callum-blue.co.uk

Thank you
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 19th, 2008, 1:42 am

  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 1:47 am

sorry, I forgot the stylesheet

http://www.callum-blue.co.uk/wp-content ... /style.css

.....sorry wrong file :oops:
  • typhon
  • Guru
  • Guru
  • User avatar
  • Joined: Oct 25, 2004
  • Posts: 1294
  • Loc: Memphis, Tn
  • Status: Offline

Post June 19th, 2008, 6:48 am

Code: [ Select ]
#content,#contentalt {
background-color:#fafcff;
border:0px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
width:450px;
height:355px;
overflow:fixed;
position:fixed;
top:125px;
right:30px;
}
  1. #content,#contentalt {
  2. background-color:#fafcff;
  3. border:0px solid #909090;
  4. color:#2a2a2a;
  5. padding:15px 20px 5px;
  6. width:450px;
  7. height:355px;
  8. overflow:fixed;
  9. position:fixed;
  10. top:125px;
  11. right:30px;
  12. }


Looking at your site I noticed that the other 2 divs have a top 162pix and this div has 125pix Im not sure if that will help since you site fits my screen and I cant scroll. but it did seem to at least re align it with the other divs when I made the change.....
-- Never hold a cat and a hairdryer at the same time.
  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 8:01 am

I tried that but it didn't really do much although I am having some browser issues, so that might account for something. I came to the conclusion that something is clashing?
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post June 19th, 2008, 9:03 am

I'm getting a big white 'fatal error' box when I pull up your site.. is that the moving box you're talking about?
phoenix web design
  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 9:13 am

ah! well I'm working on it now! it's not supposed to be doing that!
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post June 19th, 2008, 1:05 pm

I also get the "fatal error" ... haha ... do you think someone dies every time that error appears ... ?
Let's leave all our *plum* where it is and go live in the jungle ...
  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 2:27 pm

LOL I hope not!! :(
  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 2:29 pm

Don't worry about the fatal error box, I'm just worried about the positioning of the box for the moment!
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post June 19th, 2008, 3:26 pm

So that is the box that you don't want to move? Or, rather, you do want it to move with the rest of the page when you scroll, right?

Just remove this line from your #content div properties:
Code: [ Select ]
position:fixed;
phoenix web design
  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 5:54 pm

brilliant, that did the job. Now all I need to do is work out how to position ;)

....So why position:fixed; didn't work? surely when positioning, it's supposed to work!
  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 19th, 2008, 5:55 pm

I'm sure this is a noob question, I'm just trying to understand it :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post June 19th, 2008, 10:35 pm

I'll explain it like this ... position:fixed puts that box down at a fixed position, so you can specify how far it should be from the borders (vertical and horizontal), so you can use position:fixed like the following for example:
Code: [ Select ]
position:fixed;
top:0px;
left:0px;
  1. position:fixed;
  2. top:0px;
  3. left:0px;

and then it would stay in the top left corner no matter what

or
Code: [ Select ]
position:fixed;
top:100px;
right:30px;
  1. position:fixed;
  2. top:100px;
  3. right:30px;

and then it would stay 100px from the top and 30px from the right no matter what size the browser is ... I'm not sure if that was your question though ... ?
Let's leave all our *plum* where it is and go live in the jungle ...
  • Moonfire
  • Graduate
  • Graduate
  • No Avatar
  • Joined: May 09, 2006
  • Posts: 127
  • Loc: UK
  • Status: Offline

Post June 20th, 2008, 2:29 am

...that explained it to me

ah, it did work before, just not how I wanted it to :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post June 20th, 2008, 2:46 am

So is the problem fixed now ... ?
Let's leave all our *plum* where it is and go live in the jungle ...
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 20th, 2008, 2:46 am

1, 2

Post Information

  • Total Posts in this topic: 20 posts
  • Users browsing this forum: No registered users and 110 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.