css simple

marcelomdsc · #1 (**permalink**) 27/06/2007, 23:41

alguien sabe cual es el problema con este codigo?

<div id="copyright">
<div id="50left"><p>© Copyright 2007 Santa Rosa Junior College. All rights reserved.</p></div>
<div id="50right"><p>Last time updated.
Wednesday, June 27, 2007 7:05 PM</div>
</p>
</div>

#copyright {
width: 100%;
height: 30px;
margin-top: 20px;
}
#copyright p {
display: inline;
}
#50left {
text-align: left;
float: left;
width: 45%;
height: 30px;
}
#50right {
text-align: right;
float: right;
width: 45%;
height: 30px;
}

Pueden ver el ejemplo aca
www.studios29.com/mcl
es al final de la pagina///y lo que quiero es que esten uno al lado del otro
pero uno contra la izquierda y el otro contra la derecha

seoista · #2 (**permalink**) 28/06/2007, 00:08

A ver si te va bien así:

Cita:

Iniciado por marcelomdsc

#50left {
float: left;
text-align: left;
float: left;
width: 45%;
height: 30px;
}
#50right {
float: right;
text-align: right;
float: right;
width: 45%;
height: 30px;
}

Suerte

seoista · #3 (**permalink**) 28/06/2007, 00:11

Perdona, ya veo que lo habías puesto. No me había dado cuenta antes.

I am sorry

Saludos

seoista · #4 (**permalink**) 28/06/2007, 05:05

Hola otra vez marcelomdsc, espero no equivocarme ahora.

Yo lo tengo puesto de esta forma y me funciona tanto en IE como en FF:

Código:

<head>
<style type="text/css">
.piedepagina1 {
float: left;
font-family: verdana,arial,tahoma,helvetica,lucida,sans-serif,"Trebuchet MS";
font-size: 10px;
color: #000;
font-style: oblique;
text-align: center;
font-weight: normal;
}
.piedepagina2 {
float: right;
font-family: verdana,arial,tahoma,helvetica,lucida,sans-serif,"Trebuchet MS";
font-size: 9px;
color: #000;
font-style: oblique;
text-align: center;
font-weight: normal;
}
</style>

</head>

<!-- pie de pagina -->
<div style="width: 750px;">
<span class="piedepagina1">&copy; Copyright 2007 Santa Rosa Junior College. All rights reserved.</span>
<span class="piedepagina2">Last time updated. Wednesday, June 27, 2007 7:05 PM</span>
</div>
<!-- / fin pie de pagina -->

Espero que con esto, tengas suerte

Saludos

jhnotario · #5 (**permalink**) 28/06/2007, 06:04

Yo suelo hacerlo flotante solo el de la izquierda. El otro en lugar de ponerle Float: right, ponle margin-left: 46%. A ver si te funciona porque a mi siempre me ha funcionado con pixels, nunca lo he probado con % .

marcelomdsc · #6 (**permalink**) 01/07/2007, 12:34

ok, gracias.
De todos modos ya se porque no funcionaba ademas es algo facil de hacer.
El problema fue el nombre de mis id's. Es una mala idea poner un numero como primer caracter en el id.
Ya que al estar probando me di cuenta que ni siquiera aceptaba un color de fondo asique supe que algo mas estaba mal.
No puedo creer que me llevo tanto tiempo o que nadie lo haya notado!!!
...jajjaa...bueno ahora ya lo saben.

NUCKLEAR · #7 (**permalink**) 01/07/2007, 20:32

Creo que es Welcome a menos que esté en algún otro idioma :)
Creo que ya lo has notado no ?¿

marcelomdsc · #8 (**permalink**) 01/07/2007, 21:11

........que?

NUCKLEAR · #9 (**permalink**) 01/07/2007, 21:25

La imagen del encabezado dice Welome , creo que debería decir Welcome.

marcelomdsc · #10 (**permalink**) 02/07/2007, 10:31

jajajajaja..............tenes razon! Gracias!
Igual todavia....no la habia inspeccionado por errores de ortografia...pero justo en esa palabra?....jajaj
Gracias.