Page Layout Alignment

Hey Guys,

Simple question which probably has a simple answer, how do I align two pieces of content horizontally? It seems that when adding one piece of content it will push the other down out of the way instead...

I know this is basic layout CSS but probably the only thing in basic CSS I do not understand! Sad


#content_map {

height: 350px;
width: 425px;


#content_contact {

height: 350px;
width: 300px;
background: #FFF;

I want these two pieces of content in line with each other horizontally with say.. a 10px gap between them.#


Having a lot of trouble with unique design

This is my first design I'm building from scratch and I've come up with a unique design that is suppose to take a desktop-like appearance which uses java-script and css3 but can completely work without them.

I have just begun but I can't get the menu-bar at the bottom to appear and I think it traces back to my css. I'm currently using both a jQuery UI theme and my own CSS on the page. So far I have worked with it for a while now but It just remains a white strip where a nice jQuery Orange strip should be along with 2 buttons both having their own icon.

100% Height containers; setting up 3 inside each other with padding.

I've been at this for too long. I'm having issues with; height:100%.
I want to put 3 containers; each a different color and inside the other, with about 20px padding. This should produce a framed-in look for the inner most container.

I can get the outer most container to fit 100% height of the screen, but I can not get the middle and inner containers to do the same. How do I get inside containers to 100% height as well.

Here is my best attempt.

#containerGREY {
min-height: 100%;
padding: 20px;
background-color: gray;
margin: 0 auto;
width: 800px;

name changes in CSS

Anyone wanting to have a cool name in the css here's your extra program

Failed attempt to embed image removed.

Link removed.

This is not a Counter strike forum, opening your eyes for two seconds would have shown you that *sigh* .

Website messes up when minimized

I am working on a website: ( ) and the website is going fine, until I figured out that it completely messes up when minimized in any browser. I'll post my html and css code. Any help would be very much appreciated. Thanks.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="" xml:lang="EN" lang="EN" dir="ltr">
<head profile="">
<!-- TemplateBeginEditable name="doctitle" -->

Syndicate content