Buenas! Quiero conseguir algo parecido a esto:
El problema es que el contenido se me desplaza a la derecha por lo que no lo que me queda de la siguiente manera y me aparece el scrollbar horizontal:
La hoja de estilos es esta:
Código HTML:
a:link, a:active, a:visited {
text-decoration: none;
color: #263F6A;
}
a:hover {
text-decoration: underline;
color: #3F9AC9;
}
#assistbarGroup {
background-color: #182b45;
float: left;
height: 18px;
position: relative;
margin: 0;
width: 1000px;
border-top: 1px solid white;
padding: 6px 0 0;
}
#assistbar {
width: 1000px;
position: relative;
float: left;
display: inline;
}
#content {
position: absolute;
width: 1000px;
height: 715px;
z-index: 1;
left: 226px;
top: 114px
}
#navigator {
width: 210px;
height:100%;
background-color: #F3F3F3
}
h3 {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:18px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
padding: 30px 0 0 0;
}
p {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
}
table {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:15px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
}
input {color:#606061;
font-family:Arial,Helvetica,Helv,Geneva,sans-serif;
font-size:15px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
}
.main{
padding: 20px 0 30px 10px;
}
.inputfile{
padding: 20px 0 0 0;
}
#save.saving{
padding: 10px 0 0 0;
display:none;
}
#spinner.spinner{
padding: 200px 0 0 500px;
display:none;
}
.navigation{
display:none;
}
.title1 { font-style:normal; font-variant:normal; font-weight:normal; font-size:28px; line-height:22px; color:#606061; padding-bottom:20; font-family:Arial,Helvetica,Helv,Geneva,sans-serif; }
.title2 { font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; line-height:19px; color:#606061; padding-bottom:10; font-family:Arial,Helvetica,Helv,Geneva,sans-serif; }
.title3 { font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; line-height:18px; color:#606061; padding-bottom:14; font-family:Arial,Helvetica,Helv,Geneva,sans-serif; }
Donde #navigator es la barra de navegación, y el contenido es #content
Alguien sabe como arreglarlo?
Un saludo!