Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 04-03-2012, 11:16 PM   PM User | #1
rrdesign
New Coder

 
Join Date: Sep 2011
Posts: 25
Thanks: 7
Thanked 0 Times in 0 Posts
rrdesign is an unknown quantity at this point
Problem with moved divs

Hello,

I had a question about div position. On a testing website i'm trying to create a banner/slideshow that's only visible on the frontpage, where the content is moved down. Now if you press on a different page the content is moving all the way up but it should stay in the wide area. For the website:

www.rrdesign.nl/testing/

Hope anyone could help me,
regards,

Rein

Last edited by rrdesign; 04-04-2012 at 03:52 PM.. Reason: Solved
rrdesign is offline   Reply With Quote
Old 04-03-2012, 11:54 PM   PM User | #2
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello rrdesign,
It's your #banner and it's huge negative top margin that are messing you up.

It might be easiest to remove <div id="banner"></div> on the pages it's empty.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 04-04-2012, 11:19 AM   PM User | #3
rrdesign
New Coder

 
Join Date: Sep 2011
Posts: 25
Thanks: 7
Thanked 0 Times in 0 Posts
rrdesign is an unknown quantity at this point
Hi Excavator,
thanks for your reply, but the banner div is not empty. inside there will be a slideshow. I if remove the minus margin the banner div will just be beneath the blue border. And the thing i want is that is overlapping the blue and going into the grey.
rrdesign is offline   Reply With Quote
Old 04-04-2012, 02:23 PM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by rrdesign View Post
Hi Excavator,
thanks for your reply, but the banner div is not empty. inside there will be a slideshow. I if remove the minus margin the banner div will just be beneath the blue border. And the thing i want is that is overlapping the blue and going into the grey.
You would not leave your slideshow in #banner on the pages you are hiding #banner. That would just eat up bandwidth unnecessarily.

see [dead link].
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

Last edited by Excavator; 04-05-2012 at 02:44 AM..
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
rrdesign (04-04-2012)
Old 04-04-2012, 03:05 PM   PM User | #5
rrdesign
New Coder

 
Join Date: Sep 2011
Posts: 25
Thanks: 7
Thanked 0 Times in 0 Posts
rrdesign is an unknown quantity at this point
Thanks, i fixed it. I left the banner div but instead of giving the banner div a negative margin i gave the div that's created inside of it the negative. Thanks for the help!
rrdesign is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 02:57 PM.


Advertisement
Log in to turn off these ads.