39 - Posicionamiento fijo (position: fixed)



Problema:

Crear una página que disponga dos div con posicionamiento fijo. Uno a la derecha y otro en la parte inferior de la página.

#barrainferior{
  position:fixed;
  bottom:0px;
  width:100%;
  height:50px;
  background-color:black;
  color:white;
}

#barralateralderecha{
  position:fixed;
  right:0px;
  top:0px;
  width:200px;
  height:100%;
  background-color:#eee;
}
<!DOCTYPE html>
<html>
<head>
  <title>Problema</title>
  <meta charset="UTF-8">
  <link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<div id="barrainferior">
Div inferior
</div>
<div id="barralateralderecha">
Div lateral
</div>
</body>
</html>
* {
  margin:0;
  padding:0;
}

#barrainferior{
  position:fixed;
  bottom:0px;
  width:100%;
  height:50px;
  background-color:black;
  color:white;
}

#barralateralderecha{
  position:fixed;
  right:0px;
  top:0px;
  width:200px;
  height:100%;
  background-color:#eee;
}
Ver solución


Retornar