Member Avatar for jspence29

For some reason I can't move one of my div tags, the gallery one. It looks just like all of the rest of the divs that move fine with absolute positioning. My website is http://spencedesign.netau.net/singaporehome.html If you look at the code it is obvious that the gallery is not moving. Also, I can't figure out why there is so much white space to the right of the page? I am befuddled

  • 3 Contributors
  • 8 Replies
  • 146 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by JorgeM

Recommended Answers

All 8 Replies

Member Avatar for double_cola

Should this gallery be animating? Doesnt look like your using any js.

Member Avatar for JorgeM

I looked at the source code, copied it to a local HTML file and the gallery div moves when I change the values in your style sheet.

div#gallery {position: absolute; top: 300px; right: -200000px; }

Where do you want to place it?

Member Avatar for jspence29

I want to put it right above the last link to the right. Above author. For some reason I looked at the page in internet explorer right now, and the positioning worked? Oh and I just put that huge number to emphasize that it isn't working. To the javascript question, I wish I knew javascript to animate it, but no it shouldn't. I might play around with transitions, but that is the extent of my animating skills. Thanks!

Member Avatar for JorgeM

Ok, I'm not sure that I would approach the alignment this way, but if you just want to move it to the right above "Author" then just adjust your Top and Right position property values.

div#gallery  {position: absolute; top: 0px; right: -299px; }
div#facts  {position: absolute; top: 250px; right: 260px;}
div#tour  {position: absolute; top: 250px; right: -20px;}
div#author  {position: absolute; top: 250px; right: -299px;}
div#links  {position: absolute; right: 100px;}

gallery

___________________________________________

Also very important !! If you want to make sure that your browsers (Internet Explorer) will switch to "Standards Mode", make sure that the first line in your HTML is the DOCTYPE declaration. For example...

<!DOCTYPE html>

Edited by JorgeM
Member Avatar for jspence29

That worked, thanks but now there are two more issues, firstly since I put <!DOCTYPE html> it doesn't allow height percentages, so how would I make the body shadow 100% you will see if you look, also I can't figure out why there os so much whitespace to the right

Member Avatar for JorgeM

sorry, body shadow 100%? Not sure what you mean.

Member Avatar for jspence29

No, if you look at my code and my page you will see. Sorry about being a bother, I know this isn't just a help forum, but I have a deadline and I am clueless

Member Avatar for JorgeM

I see you added a shadow.. problem fixed?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.