close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Div being pushed over

Thread begun 12/23/2009 12:04 pm by koneill385535 | Last modified 12/31/2009 2:49 pm by Jimmy Wu | 3863 views | 11 replies |

koneill385535

Div being pushed over

Hi,

I have a div tag that is being pushed over by another form. I want it to be on top of the other one, but instead it slides over. Perhaps the best way to describe it is by looking at this site:

homepage.php

The video demonstration section should be on top of the grey section. I just have the grey section as a grey background to repeat down automatically along with the length of the white section. Does anybody have any ideas to solve it? I might need a support ticket for this one...

Sign in to reply to this post

Ray BorduinWebAssist

Your div Container2 has:

left:25.6%

That is what is moving it over to the left. You can probably remove that and move the background image from: Container3 to: Container2 and it will look like what you want...

either that or else you could maybe move GreySidebar inside of Container3 instead of in Container2

Sign in to reply to this post
Did this help? Tips are appreciated...

koneill385535

Alright, moving the GreySidebar into Container 2 seemed to work for placement, but now it is hidden. I tried setting the z-indez for GreySidebar to 9999, but it still wouldn't show up. How do I get it to the top?

Sign in to reply to this post

koneill385535

homepage.php

Sign in to reply to this post

Ray BorduinWebAssist

you have moved container2 inside container3... the sidebar is floated to the right, that is why you can't see it.

Container2 still has the left attribute, so removing the float in the sidebar only moves it back to where it was originally.

Sign in to reply to this post
Did this help? Tips are appreciated...

koneill385535

Alright, I'm still a little bit confused. I think container 2 was already inside container 3. I thought I just moved GreySidebar from container3 to container2. What specifically should I do differently?

Sign in to reply to this post

Ray BorduinWebAssist

Move grey sidebar above Container2 inside Container3 and remove the float from GreySidebar.

Sign in to reply to this post
Did this help? Tips are appreciated...

koneill385535

Things went a little bit haywire there... This is the result. Any ideas?

homepage.php

I used a tutorial in the past for how to extended the sidebar's background to fit with the content next to it, so that is what I was doing with the left:25.5% and container stuff. Unfortunately, I cannot remember the exact method and can't find the website again...

Sign in to reply to this post

Ray BorduinWebAssist

Get rid of the float right in the GreySidebar and at least that will be in place.

Sign in to reply to this post
Did this help? Tips are appreciated...

Ray BorduinWebAssist

If you just remove all of the css applied to containter2 it seems to fix it.

Sign in to reply to this post
Did this help? Tips are appreciated...
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...