[SOLUCIONADO] Div con posición absoluta

[xfrancis]

Hola a todos! Tengo el siguiente problema: tengo un header y dentro del header quiero insertar los iconos sociales de facebook y twitter, el problema es que ya tengo un div flotando a la derecha y creo que tengo que remaquetar para ponerlo por lo que se me ocurrio usar un div pa pero cuando lo hago, toma como punto de referencia el inicio del body, pero yo necesito que tome como punto de referencia el inicio del header

espero puedan ayudarme,

Saludos!

[pzin]

El concepto DIV PA no existe en el mundo HTML/CSS. Es una cosa de Dreamweaver, así que te edito el título, por focalizar.

Para hacer eso que quieres, tienes que poner al elemento que quieres que haga te referencia una posición relativa, en tu caso dices que la cabecera, pues algo así:

Código CSS:

header {
  position: relative;
}
 

[xfrancis]

Gracias pzin! pero como debo poner el div "hijo"? Porque le he puesto posicion relativa al header pero el div hijo sigue siendo relativo al comienzo de la pagina

[pzin]

Si alguno de los elementos ancestrales tiene una posición relativa entonces el elemento tomará como referencia ese elemento:

Código HTML:

<header>
  <img>
  <p></p>
  <div></div>
<header>
 

Código CSS:

header {
  position: relative;
}
 
div {
  position: absolute;
  right: 0;
  top: 0;
}
 

Si no te funciona andarás haciendo alguno mal, entonces tendrás que publicar algo de código.

[xfrancis]

Gracias pzin!