help - shifting div tags!

This is a discussion on "help - shifting div tags!" within the Web Page Design section. This forum, and the thread "help - shifting div tags! are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old May 2nd, 2006, 23:57
New Member
Join Date: May 2006
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
help - shifting div tags!

hey there,

i am currently working on a website for a local festival. its work in progress but need to get it live asap.

i am working in dreamweaver - using templates and div layout controlled by css. this is a bit of a departure as i have always been 'table girl' and have been really trying to get the hang of using CSS layouts.

anyhows ...
for the massive diary of events i have had to resort to generating a table with a simple listing at: http://www.fromefestival.co.uk/2006/events/index.html

BUT - for some reason the base div content flips up to the right hand side. am seriously low on sleep so is probably something daft.

any advice or input much appreciated.

cheers for now.

ps
css available via:
http://www.fromefestival.co.uk/2006/..._nosidebar.css
and
http://www.fromefestival.co.uk/2006/...ival_diary.css
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old May 3rd, 2006, 00:31
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Re: help - shifting div tags!

Works fine in firefox just not IE.

Moved to the css forum for you.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old May 3rd, 2006, 00:45
New Member
Join Date: May 2006
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: help - shifting div tags!

thank you sypher - i look forward to some wise CSS advice. :-)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old May 3rd, 2006, 01:49
Reputable Member
Join Date: Feb 2006
Location: London
Age: 26
Posts: 103
Thanks: 0
Thanked 1 Time in 1 Post
Re: help - shifting div tags!

Yeah, works fine on Opera, Safari, Firefox & Camino on mac...

Must just be IE...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old May 3rd, 2006, 11:16
masonbarge's Avatar
Highly Reputable Member
Join Date: Jan 2006
Location: Atlanta GA
Posts: 631
Thanks: 0
Thanked 0 Times in 0 Posts
Re: help - shifting div tags!

It is fine in my IE7. Very nice-looking site, btw The only problem I see is that the little box full of dates in the left column extends too wide in FF, I'm guessing because of font size issues (an issue I have with FF fairly often). It still looks okay though, as it pushes the main column over.

I'd strongly suggest evening out the spacers in the vertical nav list at the top -- it will make the dates easier to read. I might even try a monospace fontface and see how it looks.

If you continue to have a problem with the footer, put an empty div just before the footer with {clear: both;}, and extend both of them the width of the wrapper (or at least wider than the widest column). Also, I don't want to go through the source line by line, but I'd expect to see a </div> ending just before the footer. You don't want to inherit a float in IE.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old May 3rd, 2006, 11:45
New Member
Join Date: May 2006
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Smile Re: help - shifting div tags!

thanks for the input and appreciation of the site - so nice to hear after working into many wee hours.

managed to get a bit of sleep and discovered the solution of adding clear: both; to the CSS a little earlier this morning - thats done the trick nicely.

will be sure to have a fiddle about with the menu spacing.

jimz - cheers for checking on other browsers haven't done a full test yet - so good to know.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
help, shifting, div, tags

Thread Tools

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
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Title Tags, Meta Tags and SEO - Keyword Density or Keyword Spamming? pctank Search Engine Optimization (SEO) 2 Jul 4th, 2008 11:52
IE6 page shifting down the screen konnor5092 Web Page Design 7 Aug 2nd, 2007 12:01
Browsers Shifting Elements -- Ugh! Flameborne Web Page Design 4 Sep 22nd, 2006 02:45
Help with Tags... courtjester Classic ASP 15 Sep 19th, 2004 07:38


All times are GMT. The time now is 20:20.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved