CSS Posicionamiento cuestiones

  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8677
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Marzo 2nd, 2009, 7:29 am

Ive en el dolor de cabeza habitual de intentar algo posición usando CSS en una página web para que aparezca el mismo en todos los navegadores web.

Aquí está el código...

Código: [ Select ]
#contentbox {
    width: 260px;
    height: 260px;
    overflow: auto;
    position: absolute;
    margin-left: -605px;
    margin-top: -157px;
    text-align: justify;
    padding-right: 1em;
}
html>body #contentbox {
    margin-left: -350px;
    margin-top: -15px;
}
  1. #contentbox {
  2.     width: 260px;
  3.     height: 260px;
  4.     overflow: auto;
  5.     position: absolute;
  6.     margin-left: -605px;
  7.     margin-top: -157px;
  8.     text-align: justify;
  9.     padding-right: 1em;
  10. }
  11. html>body #contentbox {
  12.     margin-left: -350px;
  13.     margin-top: -15px;
  14. }


y aquí está la página ..

http://www.campbell-james.co.uk/2006/index.php

Al parecer, bien en francos franceses, pero en su IE un poco de desorden. Lo ideal sería que sería bueno ver lo mismo que lo hace en FF.

Como también puede observar que existe un problema con el texto en la parte inferior de la página en IE también que sería genial para solucionar también.

Código CSS para que se...

Código: [ Select ]
#motto {
    position: absolute;
    margin-top: 50px;
    margin-left: 275px;
    font-weight: bold;
}
  1. #motto {
  2.     position: absolute;
  3.     margin-top: 50px;
  4.     margin-left: 275px;
  5.     font-weight: bold;
  6. }


Gracias de antemano por cualquier ayuda aquí.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Marzo 2nd, 2009, 7:29 am

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Marzo 2nd, 2009, 1:35 pm

sólo lo que es curioso que su tratando de cumplir con la posición absoluta? Im pensando que podría ser capaz de hacer lo mismo en poco más de un navegador compatible manera transversal
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8677
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Marzo 2nd, 2009, 2:29 pm

Para ser honestos, mucho de este código es viejo y hecho en el momento que yo estaba aprendiendo. Me fui fuera de diseño web por un tiempo porque la vida sólo se puso en el camino y se olvidó de él. Por lo tanto, im haciendo mi granito de arena para aprender y mejorar de nuevo. Por lo tanto, lo más probable es que la derecha en lo que usted dice.

Algún consejo?
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Marzo 2nd, 2009, 3:02 pm

Bueno, no puedo encontrar un div con un ID de contentbox cualquier parte de su código. Usted tiene "" mainbox y "contentArea" para que su bloque de código puño no está haciendo nada en absoluto.

Creo que en general que está más fuera de deshacerse de todos los locos y de posicionamiento dentro de su área de contenido crear todo lo relativo a su contenedor. Por ejemplo, crear un div para la navegación. A la izquierda y un div columna de la derecha (cada uno flotando a la izquierda con una anchura de 50%) y luego crear otro div para el uso lema claro tanto para quitarlo de la flota y adaptar el derecho de texto

youd terminar con algo como
Código: [ Select ]
 
|-------------------|
|                   |
|-------------------|
|         |         |
|         |         |
|         |         |
|         |         |
|-------------------|
|                   |
|-------------------|
 
  1.  
  2. |-------------------|
  3. |                   |
  4. |-------------------|
  5. |         |         |
  6. |         |         |
  7. |         |         |
  8. |         |         |
  9. |-------------------|
  10. |                   |
  11. |-------------------|
  12.  


A continuación, sólo la posición de todo lo que dentro de esas zonas con un margen de
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8677
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Marzo 2nd, 2009, 4:11 pm

Gracias graphixboy.

Yo realmente no recuerdo cómo surgió la codificación, sé que hubo un tiempo que tomé el código de otros lugares, pero también hubo alguien que se ocupan de esta página en ese entonces por lo que también podría haber sido su falta de conocimientos en combinación con mis limitados conocimientos que surgieron con esta mierda.

Realmente tratando de averiguar cómo puedo rehacer esto sin tener que rasgar más de lo distingue.

Se verá en su puesto y trabajar en él un poco más tarde. Si tiene alguna duda malos Ive le permiten saber. ¡Salud!!
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Marzo 2nd, 2009, 8:27 pm

Generalmente comienzo y crear mi CSS y HTML como yo esperamos que mostrar en la pantalla. Quiero decir, en ese orden.

La verdad es que no se moleste con una posición en absoluto. Theyve me causó tantos problemas que a todos les ditched y comenzó a usar flotadores y borra :lol:
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Marzo 3rd, 2009, 12:29 pm

¿Cómo esta resuelto?
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8677
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Marzo 3rd, 2009, 12:59 pm

Estaba trabajando en él antes de irme a casa de mi cabeza pare desposeídos (3hrs en el coche). Creo que no es lo que era la manera que usted sugiere, pero se tidier aun cuando sé que im probable que tenga problemas en el futuro.

Wasnt realmente seguro de lo que significa un número de bits, por lo que experimentó...

http://www.campbell-james.co.uk/2006/new/index.php

Su tratando de obtener la posición por lo que el cuadro aparece exactamente en el medio en todos los navegadores thats un poquito molesto.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Marzo 3rd, 2009, 4:19 pm

Tengo una pregunta.
Código: [ Select ]
#frame {
    width: 699px;
    margin: 0px auto;
    margin-top: 100px;
    margin-left: 300px;
    z-index: 1;
    style="background-image: url(".$img.");">
}
  1. #frame {
  2.     width: 699px;
  3.     margin: 0px auto;
  4.     margin-top: 100px;
  5.     margin-left: 300px;
  6.     z-index: 1;
  7.     style="background-image: url(".$img.");">
  8. }
¿Ha olvidado algo?
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • SB
  • Moderator
  • Genius
  • Avatar de Usuario
  • Registrado: Nov 16, 2004
  • Mensajes: 8677
  • Loc: Aberdeen, Scotland
  • Status: Offline

Nota Marzo 3rd, 2009, 5:39 pm

:lol:

Muy probable.

Como digo, estoy tratando de aprender todo. Por lo que tendrán que me disculpe.

¿Qué falta?
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Marzo 3rd, 2009, 9:01 pm

Me refiero solamente a la variable de PHP en que...y el style = ""; lo...thats CSS ya...que no es necesario que en el CSS.
CSS Código: [ Select ]
#frame {
   width: 699px;
   margin: 0px auto;
   margin-top: 100px;
   margin-left: 300px;
   z-index: 1;
   <span style="color: #FF0000">style="background-image: url(".$img.");"></span>
}
  1. #frame {
  2.    width: 699px;
  3.    margin: 0px auto;
  4.    margin-top: 100px;
  5.    margin-left: 300px;
  6.    z-index: 1;
  7.    <span style="color: #FF0000">style="background-image: url(".$img.");"></span>
  8. }

La línea de color rojo...que es incorrecto.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Publicar Información

  • Total de mensajes en este tema: 11 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 107 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC