Website design problems...Help?

Question

Hi, at the min im in the middle of coding a website, ive encountered some problems however...

the problem is that some of the pages dont display properly when previewed in a web browser, the images and objects are all over the place and all jumbled up, the strange thing is that they display how i want them to in the design view in dreamweaver so i dont know whats wrong with it... below ive posted the source code and the stylesheet to try see if you can see what ive done wrong :) thanks :)

Source code:

Drew Brees contract talks

Probowl Teams Anounced

Playoff Results 2012 on ESPN

News
Teams
Fixtures
Videos
Fans
Shop

Pre-season

Regular-season

Post-season/Playoffs

Outside links

Contact us - FAQ - Privacy Policy

Its the main body part of the page which is affected not the side bar, the bit listed mainbox seems to have the problems. :)

Anyways hope ya can help :)

Answer 1

Why do people pay the big bucks for Dreamweaver that writes bad code in Visual Mode? ANY good and FREE WYSIWYG Web editor will do just as good as DW. You need to learn how to code/css manually. I think what you need to do is validate your CSS and HTML. Correct any mistakes. Then post your code on sites like http://PasteBin.com/ and post the link here to the code.



Since you are using relative paths (as you should), would need the images uploaded to an image hosting site and the full URL to the images ONLY listed in pasted code. Not the page they are own.



Validating:



Why Validate?: http://validator.w3.org/docs/why.html

CSS Validator: http://jigsaw.w3.org/css-validator/

HTML Validator: http://validator.w3.org/#validate_by_uri+with_options



Ron

Answer 2

It would be a lot easier to answer your question if you upload your HTML page, CSS files and images to a server. In the browser, it it easy to see the cause of problems by using Firebug.



Can you upload it to your server and update this question with a link to your page?

Answer 3

Its better to ask some web design expert team which offer free consultancy on this issue... I know the best online graphics design company which offer this type of things to solve out coding issues. You may contact there online support team for help.