CSS - Problema con CSS

   
Vista:

Problema con CSS

Publicado por pelgriego (2 intervenciones) el 03/09/2012 21:14:48
Hola, en primer lugar les dire q soy un total ignorante en este tema, pero mal o bien he logrado construir un sitio con css, pero hasta aqui he llegado, veo bien las paginas, pero me queda una columna vacia a la izquierda q no logro solucionar...Tal vez podria dejarla y luego colocar la imagen de un reproductor en ella, ya que es una pagina de una radio online q he creado, esto lo he intentado, pero cada cambio q hago se desparrama toda la pagina, la direccion del sitio es http://www.radiocaserosonline.com.ar/
Tal vez alguien pueda darme alguna ayuda...Gracias

/* CSS Document */

/*##############################################################
##############################################################*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*##############################################################
Element Styles
##############################################################*/

h1 { margin:auto;padding-top:12px; padding-left:53px; font-size:45px; color:#fff; text-shadow:1px 1px #111; background:url(../images/example_logo.png) left 9px no-repeat}
h3, h4, h5, h6 {margin:20px 0 15px 0; font-weight:bold; font-family:Futura; color:#fff}
h2 {clear:both;margin:50px 0 15px 0; font-size:48pt; font-weight:bold; font-family:Futura; color:#fff}
h3 {font-size:22px; font-weight:normal}
ul, ol, dl, li {margin:0}
p {width:100%; text-align:justify; margin:15px 0 0 0}
a {color:#a63c3c; text-decoration:underline; outline:none}
a:hover {text-decoration:none}

.clear {clear:both; float:left}

/*##############################################################
Layout Styles
##############################################################*/

body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#f1f0f0; background:#272322 url(../images/body_bg.jpg) 50% top repeat-x}

#wrapper {width:830px; overflow:hidden; margin:0 auto; padding:0 220px}

#header {float:left; width:960px; height:67px;margin:0 0 0px 5px}

#navigation {float:left; display:inline; width:450px; list-style-type:none; padding-left:13px}
#navigation #index { padding-top:12px; height:63px; width:146px; border-left:2px groove #e1e3e3}
#navigation #about_us { padding-top:12px; height:63px; width:150px}
#navigation #contact_us { padding-top:12px; height:63px; width:146px}
#navigation li {float:right; margin:0; font-size:18px; border-right:2px groove #e1e3e3}
#navigation li a {display:block; height:41px; padding-top:16px; text-align:center; color:#0e7297; text-shadow:1px 1px #fff; text-decoration:none}
#navigation li a:hover {color:#272322; text-decoration:none}

#content {width:804px; padding:0 13px}

#main_content {float:left; display:inline; width:526px; margin:0 0 30px 0}
#main_content p {width:526px}
.two_columns {float:left; display:inline; margin-right:30px; width:247px}
#main_content .two_columns p {width:247px}
#main_content .right_column {margin:0}

#sidebar {float:right; display:inline; width:247px; margin-left:30px}

#footer {clear:both; padding:100px 0 30px 0; font-size:.85em}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Problema con CSS

Publicado por xve (351 intervenciones) el 04/09/2012 07:18:09
Hola, he revisado y la web, y creo entender a que columna te refieres... prueba a modificar esta linea:
1
#wrapper {width:830px; overflow:hidden; margin:0 auto; padding:0 220px}

por esta:
1
#wrapper {width:830px; overflow:hidden; margin:0 auto; padding:0}


Coméntanos, ok?

Por si te sirve, la manera que he utilizado para descubrirlo, ha sido abriendo tu pagina con chrome, pulsando F12 (te aparece unas opciones en la parte inferior del navegador), he seleccionado la lupa y he pulsado con el ratón encima de la columna de la izquierda. Una vez seleccionada en la parte inferior me aparece el div al que hace referencia y todos los estilos que tiene... ahí mismo, puedes modificarlos para ver que puede estar pasando.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problema con CSS

Publicado por pelgriego (2 intervenciones) el 04/09/2012 20:12:48
Gracias xve, desapareció la columna, pero ahora todo me quedo a la izquierda en lugar de centrado y la hoja esta hecha para que todo quede centrado. Al Chrome lo elimine de mi disco, porque casi no lo usaba y tener IE, Firefox y Chrome, me parecio un poco mucho
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar