Problem aligning divs using html and css?

You can fix your main layout by doing this, its not best practise but it works.

You can fix your main layout by doing this, its not best practise but it works; #page { width: 1024px; padding: 0px 0px 0px 0px; background: #FFFFFF; display: inline-block; } #page #content, #page #right-sidebar{ vertical-align: top } /* Content */ #content { padding: 0px 0px 0px 0px; display: table-cell; //this will give the element some propetys that that make them wanna share horizontal space ( must have a parent with "display: table;" to work ) } /* Sidebar */ #left-sidebar { float: left; width: 256px; padding: 0px; color: #787878; display: block; } #right-sidebar { width: 256px; padding: 0px; color: #787878; display: table-cell; } I also moved your left-sidebar inside of your content ( while keeping all css attrebutes ) Acciones accion1 accion2 accion3 accion4 Noticias Noticia1 Noticia2 Noticia3 Noticia4 Este es el titulo el content Este es el subtítulo del content Esto es lo que debe ir escrito en el contentIn posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.

Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus.

Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.

Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla.

Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla.

Sed ac leo. Pellentesque imperdiet. Now, about the header.. you can ether use css3 by adding: (this method is supported by all major browsers) except ie #header-menu { -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-bottomright: 25px; border-bottom-right-radius: 25px; } or you can use som background pos.

Not really sure what brwser that don't support this, but don't think any ie do (not sure thoe) background: no-repeat url(../images/barleft. Png) left bottom; background: no-repeat url(../images/barright. Png) right bottom; or you can have layout like this: your menu width style: #header{ height: (wished height) } #right{ background: no-repeat url(../images/barleft.

Png) left bottom; width: (your image width) } #left{ background: no-repeat url(../images/barright. Png) right bottom; width: (your image width) }.

I would have bar-left and bar-right images set as background images in your css rather than in your html. So replace your images like below: /* YOUR CONTENT HERE */ Then your css: #header-menu { position:relative; } #left-corner { background: url(example-image. Jpg) bottom left no-repeat; position:absolute; bottom:0; left:0; width:30px; } #right-corner { background: url(example-image.

Jpg) bottom right no-repeat; position:absolute; bottom:0; right:0; width:30px; }.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions