Computing.Net > Forums > Web Development > Help with div layers and background

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

Help with div layers and background

Reply to Message Icon

Name: Christian Martinez
Date: October 30, 2005 at 16:55:00 Pacific
OS: WindowsXP
CPU/Ram: 2.2GHz/512MB
Comment:

I need help with my current website... I have all the dimensions set properly so it fits horrizontally aligned with the banner. But it has issues... the right image doesn't align... it just ends up below the middle image and idk what im doing wrong, can some1 help? my website is http://www.rscx.com/RSCXTESTING/ro . Please help!! I wanna do the best I can with this site.. THANKS!



Sponsored Link
Ads by Google

Response Number 1
Name: Dr. Nick
Date: October 30, 2005 at 18:26:03 Pacific
Reply:

You have a few problems.

To answer your question, you need to change the style for the "ads" DIV so it's using "float:left;" instead of "float:right;". That will fix it so it lines up correctly.

You might want to look at preventing the DIVs from wrapping when the browser window is resized so the entire page isn't shown (the browser is less than 1,008 pixels wide). To do this the best way (I believe) is to wrap all three columns (links, main, ads) inside another DIV with the style of "width:1020px;". This will give it a specific width so the browser doesn't wrap the columns.

You seem to have an extra </DIV> tag located right after the text "TeamEvolution</div>".

It might be good to change the top banner from being centered to staying in the top-left of the page. Do this by changing "no-repeat center" to "no-repeat top left" in that DIV's style.

I was surprised to see the CENTER tag in there with all the CSS. Don't use this tag.

You have a few other problems though. Instead of using the #ID referencing with CSS you should explicitly define tags and classes. For example, instead of saying #main to reference a DIV with the ID of "main" it would be better to change "#main" to "div.main" and then give the main DIV a class attribute of "main". By doing it this way it's a lot easier to define multiple elements with the same CSS styles (ID attributes are supposed to be unique). It's also easier to use inheritence.

Finally, use the W3 Validator to check for other problems. The results of your site are here. Note that they also show an extra DIV tag on line 62.


0

Response Number 2
Name: Christian Martinez
Date: October 30, 2005 at 19:24:28 Pacific
Reply:

Hey thanks, I'llcheck it out later when I
get the chance ;). Thank you!


0

Sponsored Link
Ads by Google
Reply to Message Icon

Related Posts

See More


Picture as a tooltip Possible DNS Confusion



Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: Help with div layers and background

layers and table .. www.computing.net/answers/webdevel/layers-and-table-/2583.html

Help with Dreamweaver sublinks? www.computing.net/answers/webdevel/help-with-dreamweaver-sublinks/1705.html

help with html audio www.computing.net/answers/webdevel/help-with-html-audio/410.html