moving box?

  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

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
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

sorry, I forgot the stylesheet

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

.....sorry wrong file :oops:
  • typhon
  • Guru
  • Guru
  • User avatar
  • Posts: 1294
  • Loc: Memphis, Tn

Post 3+ Months Ago

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.....
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

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
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

I'm getting a big white 'fatal error' box when I pull up your site.. is that the moving box you're talking about?
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

ah! well I'm working on it now! it's not supposed to be doing that!
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I also get the "fatal error" ... haha ... do you think someone dies every time that error appears ... ?
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

LOL I hope not!! :(
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

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
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

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;
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

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
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

I'm sure this is a noob question, I'm just trying to understand it :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

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 ... ?
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

...that explained it to me

ah, it did work before, just not how I wanted it to :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

So is the problem fixed now ... ?
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

I just have to reposition the box now :)

Thank you everyone for all your help :)
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

The box is now positioned but now I'm trying to get the fatal error sorted out.

I am using wordpress and using code from scratch.
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

now at the moment I have an index page on my html_public and an index page in my themes. Now I'm just wondering if that is what is causing the error?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Well, if you have access to the code, have a look at line 73 of the code ... somewhere in that line you are calling a function called "have_posts" which most likely does not exist ... just check ...
  • Moonfire
  • Graduate
  • Graduate
  • Moonfire
  • Posts: 127
  • Loc: UK

Post 3+ Months Ago

I found the code that I put in and it now has been removed, ready for me to start from scratch.

Post Information

  • Total Posts in this topic: 20 posts
  • Users browsing this forum: No registered users and 62 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
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.