Very wrong in IE7. Spot on in Mozilla & Opera. [SOLVED]

Hi
I'm currently trying to redevelop a very horrible looking website into something at least semi pleasent. I'm still very new to the webdesign world.
So far I've mainly been using Dreamweaver because I'm already very familiar with other Adobe products and well, it's what we have at work.

I've uploaded part of the new site so that I can get some advice on how to make it display correctly in IE7. I've no idea how it looks in IE6 as I don't have it installed on any of the work computers. I imagine it's similar to IE7.

http://www.dtlawards.com/NewIndex.html

Any suggestions on fixing up the width issues and the spaces that appear?

Take a look at fixing these errors

http://validator.w3.org/check?uri=ht...Inline&group=0

Then see what needs to be done, the first thing you need to do when looking to get the best results in all browsers is to make sure that your code validates.

Hope this helps

__________________

You don't HAVE to, but i'd recommend to start your coding in CSS, don't use the design-view of dreamweaver. Since you're new to the webdesign world, might as well learn a good thing off the bat..

I was going to mention that, but thought id say the validation thing first.

Tables should not, (as delusion said) be used in the layout of a web page, the HTML should just be the content, the layout and design should be achieved by using CSS.

http://creativecoding.webforumz.com/...e-from-a-z.php - Here is an article in last months newsletter about how to use CSS for the layout of you page

http://www.webforumz.com/css-forum/3...how-to-use.htm - Here are a selection of articles for help with CSS

Hope these help

__________________

One more thing, what delusion also said about Dreamweaver is correct. It is a great help for coding a website, BUT, only use the code view, the design view gives you boated code and doesn't promote good coding practices

__________________

I like to use the snippets function Makes my programming faster and safe

Thanks heaps for that information.

I've been working through the CSS tutorial and it's by the far the best one I've come accross so far. (I had spent some time working through a few earlier but they were a bit daunting and left me more confused than anything!).

Having a few minor difficulties making it work for my website. Mainly because the tutorial works with a header and footer accross the entire top of the page where as my page has the full sidebars instead.

However I'll have a fiddle around myself for a while before I start posting things I'm sure I can work out with a bit more time!

Cheers everyone for your directions!

Don't be afraid to ask questions.. that's how I've learned css

Hello Again.

O.K.
I've tried and I've fiddled and I've looked about the place but I've still got questions.
But hey, that's what you great people are here for right?!

I've put the new version of the page up at the same URL
http://www.dtlawards.com/NewIndex.html

I've already done the Validation part through the link that UnitedCraig has kindly posted. But there are still some obvious flaws.

Firstly -
I don't seem to be able to get the 'Footer' information to sit at the bottom of the page where it belongs. I'm a bit confused on what in the Tutorial caused their 'Siteinfo' div to stay down there.

Secondly -
I'm having trouble getting the div class one, class two thing to work properly.
Class two seems to sit kind of below class one, yet still floating to the right.

Thirdly -
I don't know how to get the content div to span all the way to the footer.
Which is important as otherwise the background color doesn't stretch the whole way.

I thought about changing the default background color to the maroon, but then I have a similar problem with the side divs not spanning.

Any suggestions? Any tutorials that might help? (That last one was a great help.)

It is at the bottom.. isn't it? Or do you want it to show up under the sponsors?
What you could do is make a div around the whole site and name it (for example) "wrapper" and create the footer under that wrapper, so:

<div id="wrapper">
<all the other divs> </div>
</div>
<div id="footer">
your footer content
</div>

Make your wrapper div 100% wide (if you want it to fill the whole screen), and do so with the footer. That should drop the footer below the sponsors..

Cool.
I've got pretty much everything sorted out now.
Just a few minor fixes I need to make to how some of the content displays on other pages.
I'll post when it's finished to get some general feedback.
Thanks for all your help.

Alrighty then!
Thanks again for everyone helping out so much, it's made this whole processing a lot more enjoyable.

The site is now very near completion. Having finished all the extra content and stuff.
Please look about and give me some feedback.
http://www.dtlawards.com/newsitework/index.html

However I still have some minor quibbles.

The most important one I've already posted about on another thread. (It was relevent to questions already raised).
http://www.webforumz.com/javascript-...en-opening.htm

Secondly on all the Collapseable content windows on these pages. I'd really like to get rid of some of the spacing above and below the headings so the 'closed' content window doesn't take up so much space. I've looked and looked and can't seem to work out that one.

Cool everything is sorted!

I guess this thread can be Solved?

Please mark as solved via thread tools

__________________

I don't seem to have Solved available.
I have;
* Show Printable
* Email &
* Unsubscribe

Craig/Itsumish, the Solved Feature has been removed whilst WebForumz goes through some upgrades. I'll mark it solved for you though

__________________
Jack Franklin - Webforumz Moderator
(x)HTML | CSS | PHP | MySQL | JQuery (Javascript)
Contact: My Blog | Twitter | Delicious
Want Lessons? PM me.
If you think I've helped, please press the 'Thanks' Button.